`

float 布局容器高度出错

    博客分类：
  • css
CSSASP.netASP.netBlog 
阅读更多

当div容器本身没有float,而内部元素都float的时候，外围div就会丢失高度。这是由于容器无法计算内部的高度所致。

 

常用的解决方法是在内部元素末尾增加：<div style="clear:both;"></div>, 参考

 

http://www.div-css.net/div_css/topic/index.asp?id=7614

 

http://hi.baidu.com/kanbowei/blog/item/2bf80e3db8373a09bba16750.html

分享到：
| 迁移到appengine平台上
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用CSS Grid布局实现网格的流动

    为了处理不同设备上每行展示数量不一致的情况，传统的布局方法如float或display:inline-block等可能需要在媒体查询中对每个元素重新定位，这样做既复杂又容易出错。而使用CSS Grid布局的网格流特性，可以在不同设备...

    CSS 网页布局时常犯的10个小错误整理

    - 逐个删除页面上的`&lt;div&gt;`或其它容器元素，直到找到那个让布局恢复正常的元素。 - 这种方法虽然简单粗暴，但对于快速定位错误非常有效。 #### 4. 利用border属性确定出错元素的布局特性 - **问题描述**：使用`...

    课题_CSS隐藏多余文字的几个方法 (2).pdf

    若后续元素也需要在同一直线上，可以使用`float`属性来解决这个问题，但这增加了CSS布局的复杂性。 2. **结合`line-height:0;font-size:0;overflow:hidden;`**： 这组CSS属性组合可以有效地隐藏背景上方的文字，...

    CSS 初学者常犯错误汇总

    - 在IE浏览器下，浮动元素的宽度未设置导致布局出错。 - 浮动元素的`margin`和`padding`属性在IE下的表现与标准浏览器不同。 **解决方案：** - 为浮动元素指定具体的宽度值。 - 使用条件注释或特定浏览器的Hack技巧...

    IE6中有一个BUG叫border边框断线现象(border边框部分消失)

    这种问题主要发生在具有浮动元素（float:left或float:right）并且需要清除浮动（clear:both）的容器中，当页面产生滚动条时，最外层容器的边框可能会消失。 导致这一问题的具体原因至今仍不完全明确，但一般认为与...

    ExtAspNet_v2.3.2_dll

    -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

    java经典面试2010集锦100题（不看你后悔）

    C) 双精度类型double比单精度类型float具有更高的精度和更大的表示范围，但float类型具有速度快、占用内存小的优点。 D) 在Java中布尔值可以用true或false来表示，但是同时也可以用1或0来表示。 题目5：b 程序...

    java基础内容课件

    它基于C++语言，但简化了内存管理和多线程处理，降低了程序员的出错几率。 2. **环境搭建**：学习Java首先需要安装Java Development Kit (JDK)，配置好环境变量，包括JAVA_HOME、PATH和CLASSPATH，确保系统能够找到...

    超文标记语言

    - **更少的代码和组件，容易维护**：简洁的代码意味着更少的出错可能性，更容易维护。 - **改版方便，不需要变动页面内容**：通过修改样式表即可轻松改变网站外观，无需更改HTML内容。 - **提供打印版本而不需要复制...

    一套比较基础的java 笔试题目

    ### Java笔试知识点详解 ... - **布局系统**：`View` 更容易与其他UI组件集成，而 `SurfaceView` 则更专注于高性能的图形渲染。 以上就是基于给定文件信息总结的Java相关知识点。希望对你有所帮助！

    Java2实用教程

    - **简单性**：Java设计简洁明了，避免了C++中的一些复杂性和易出错的功能，如指针和头文件。 - **安全性**：Java提供了强大的安全机制，能够防止恶意代码的执行，确保网络环境中代码的安全运行。 - **面向对象**：...

    Java测试题2答案

    7.容器被重新设置大小后，哪种布局管理器的容器中的组件大小不随容器大小的变化而改变？ B A CardLayoutB FlowLayout C BorderLayout D GridLayout 8.给出下面代码： C public class Person{ 　...

    Java的一些问题的程序代码

    - **健壮性**：Java具有严格的类型检查和垃圾回收机制，减少了程序出错的可能性。 - **多线程**：Java内置对多线程的支持，方便编写并发程序。 - **结构中立**：Java字节码不依赖特定的硬件架构。 - **企业应用...

Magicbox
Global site tag (gtag.js) - Google Analytics