DIV排版问题？

一个DIV（背景白色），高度设为auto,在里面放了两个DIV，分别左浮并排。并排的DIV高度设为300px,可是，外边设为auto的DIV高度没有根据里面DIV的高度适应。因为根本就看不以300px高的白色背景

在外面的那个

<div>

<div></div><div></div>

<div style="clear:both"></div>这里加上我这段代码

<div/>

一般人我不告诉他

哎，又有人抄代码。哪用加多什么clear:both?

给外层的div加上样式overflow:hidden;即可！

使用div布局可以比table布局节省更多的代码”，我在很多书籍和网站上见到过这句话。这句话本身是没错的，可以“节省代码”的确是网页标准化所带来的好处之一。然而切记，它只是“好处之一”，而不是“唯一好处”，更不是宗旨。“节省代码”更多的时候是我们用来说服那些顽固不化的老板的营销手段。网页标准化的唯一宗旨是“结构与表现分离”，而绝不是为了节省代码而节省代码。我曾经因为网站边栏甚至主体内容的表现形式相同而采用了统一的class （至今还有一些书是这样教的），这样的确比分别命名id更节省代码，然而这样做的代价是代码失去了良好的结构。失去良好结构的后果是：一、源代码没有了可读性；二、网站增加了未知的维护成本。试想，当某一块内容因为需要而作出表现形式的变动，例如链接的颜色等等，我们就不得不去修改页面源文件，增加额外的class，工作量比起只需要调整id分组就大了许多。而且长此以往，结构将会越来越差，形成难以逆转的恶性循环。

还有一种情况，出现在id的命名方面，也是本人曾经犯过的错误。那时为了“节省代码”，而把主菜单命名为“mm”，二级菜单命名为“m2”，三级菜单为“m3”，结果严重降低了网页的可读性，使其他同事很难接手，图省事却累了自己。同理，文件及文件夹命名方面也不宜过简，象《网站重构》里建议把图片都用“i”目录存放，个人以为并不可取，除非你能为这种高度缩写的目录结构撰写详细说明并保证每个相关人员包括其他制作人员、开发、甚至懂行的老板……都能理解和执行，否则只会给你自己增添不必要的麻烦。

里面的DIV一旦浮动之后，就会脱离文档标准流，外层的DIV是感觉不到他们的存在的。

你得在浮动的DIV之后再加一个DIV，设置高为1px. 并给予清除浮动的属性 clear:left(both)，这样，外层的DIV才能识别到内层的DIV。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息