css在他们父亲的问题上发出浮动框

时间:2012-04-20 17:00:47

标签: css html

我想在内容框中放置一些新闻框,我希望它们可以制作线条和列,其中有多少...我不知道它将取决于屏幕尺寸,看看有多少。

我创造了盒子,它是父亲,但问题是,尽管它们按照我的意愿漂浮(实际上这个想法已经完成......)但是父亲在形成行时不会长大。 列已准备就绪...... 但是css中不幸的垂直东西对我来说总是很难......

看看这是想要实现“N”的新闻框:

layout http://img689.imageshack.us/img689/8058/derpqr.jpg

这里是我现在获得的代码,红色边框仅用于包装器识别......

http://jsbin.com/orojik/3

3 个答案:

答案 0 :(得分:2)

给出id ='cuerpo'的div:overflow:hidden;

http://gtwebdev.com/workshop/floats/enclosing-floats.php

答案 1 :(得分:1)

假设您正试图让容器与内容一起成长....

<div style="clear:both;"></div>应该在内容之后但在容器#cuerpo

中添加

see here请告诉我,如果我已经离开这个答案......我会修改。 (我想这是你的问题??)

答案 2 :(得分:0)

您需要清除div

.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; } .clearfix:after { clear:both; }

添加CSS并更改html

<div id="cuerpo" class="ui-widget-content clearfix">

如果您无法更改html,请执行此操作

在浮点数的末尾添加一个类

<div style="clear: both;"></div>