我有两个向左浮动且宽度为 50% 的 DIV,在这些 div 中我有一个带有另一个 div 的字段集(数据网格)。数据网格展开时会出现此问题。父 DIV 不随字段集一起扩展。
这是一个例子:http: //jsfiddle.net/BzUKz/1/
谢谢你
我有两个向左浮动且宽度为 50% 的 DIV,在这些 div 中我有一个带有另一个 div 的字段集(数据网格)。数据网格展开时会出现此问题。父 DIV 不随字段集一起扩展。
这是一个例子:http: //jsfiddle.net/BzUKz/1/
谢谢你
请参阅http://jsfiddle.net/BzUKz/12/
只需display: table;
从container
.
如果你想保留display: table;
那么你需要定义宽度,像这样。
.container {
display:table;
margin: auto;
width:80%;
}
如果您需要打破长词并在下一行继续,您可以使用word-wrap
设置为break-word
这样的属性:http: //jsfiddle.net/skip405/BzUKz/10/
Ps 不要同时写display: inline-block
和float
。浮点数自动成为块级。如果你删除你的display: inline-block
- 什么都不会改变:)