【问题标题】:Fieldset does not expand the parent div floatingFieldset 不展开父 div 浮动
【发布时间】:2012-05-13 07:04:55
【问题描述】:

我有两个向左浮动且宽度为 50% 的 DIV,在这些 div 中我有一个带有另一个 div 的字段集(数据网格)。 数据网格展开时会出现此问题。 父 DIV 不随字段集一起展开。

这是一个例子:http://jsfiddle.net/BzUKz/1/

谢谢

【问题讨论】:

  • 你的问题不清楚,你在说什么父div?类 container 的 div ?
  • 我说的是“grid-6”类的 div。 tks

标签: css css-float collapse fieldset


【解决方案1】:

请看http://jsfiddle.net/BzUKz/12/ 只需从container 中删除display: table;

如果你想保留display: table;,那么你需要定义宽度,像这样。

.container {
    display:table;
    margin: auto;
    width:80%;
}

【讨论】:

  • display: table; 使 div 相对于内部内容展开
  • @André Moraes:实际上我无法清楚地理解您的要求。但我仍在努力。请查看更新的答案。
【解决方案2】:

如果您需要在下一行中断长单词并继续,您可以使用设置为break-wordword-wrap 属性,如下所示:http://jsfiddle.net/skip405/BzUKz/10/

附:不要同时写display: inline-blockfloat。浮点数自动成为块级。如果你删除你的display: inline-block - 什么都不会改变:)

【讨论】:

  • 示例只是一个巨魔,答案对解决问题没有任何帮助。 (换行不是问题)
  • 这个词代表一个数据网格,具有固定的大小。 'display: inline-block' 用于跨浏览器支持
猜你喜欢
  • 2012-01-30
  • 2011-09-16
  • 2012-02-22
  • 1970-01-01
  • 2012-05-17
  • 2012-08-24
  • 2011-07-13
  • 2012-04-10
  • 1970-01-01
相关资源
最近更新 更多