0

我想在内容框内有小新闻框,我希望它们制作行和列,它们有多少......我不知道这取决于屏幕大小看多少。

我已经创建了盒子,它是父亲,但问题是,尽管它们按照我的意愿向左浮动(实际上这个想法已经完成......)但是父亲并没有随着它们形成行而增长。列已准备就绪...但不幸的是 css 中的垂直内容对我来说总是很困难...

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

布局 http://img689.imageshack.us/img689/8058/derpqr.jpg

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

http://jsbin.com/orojik/3

4

3 回答 3

2

给 id='cuerpo' 的 div 溢出:隐藏;

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

于 2012-04-20T17:02:46.873 回答
1

假设您试图让容器随着内容的增长而增长......

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

看到这里请告诉我,如果我不同意这个答案......我会修改。(我想这是你的问题??)

于 2012-04-20T17:09:31.187 回答
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>
于 2012-04-20T17:05:03.590 回答