CSS替代溢出:隐藏

时间:2016-01-17 06:12:51

标签: html css3

我的CSS布局存在问题

我的表格包含500像素的固定宽度。它被设置为以页边距为自动对中;

在div中,我使用div制作了一张桌子。由于每个作为表行的div具有不同的高度,因此我使用了overflow:hidden属性。我这样做是为了最小化表单的大小。

在div中,我有3个其他div,就像表数据“td”一样。它们漂浮在行内。

我想要实现的是当表单中出现错误时,在它们之上显示另一个div。就像您在Stackoverflow上看到的那样,提醒您文本中的代码需要设置为代码。右边的红色div。现在我有点卡住了,因为我不能把那个div溢出到两边。

那么我还有什么其他选项来设置“row”div的高度而不使用overflow:hidden。我不想使用表格,内容总是在变化。

欢迎任何解决方案。

这是一个简单的代码,所以你得到了图片;

{{1}}

溢出的div不应该推动浮动div,并且在我更改它的属性并用内容填充之前不可见。

2 个答案:

答案 0 :(得分:1)

如果使用bootstrap

,请将clearfix类与行一起使用
<div class="row clearfix">

OR

<div class="clearfix"></div>

在行标记结束之前

如果没有使用bootstrap

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

在行标记结束之前

答案 1 :(得分:0)

`

 <div class="float_left"></div><div class="float_left"></div>      <div class="float_right"></div>
</div>`

我认为它会起作用,关于溢出的替代方法使用固定高度宽度然后overflow:auto wolud是有用的