我的CSS布局存在问题
我的表格包含500像素的固定宽度。它被设置为以页边距为自动对中;
在div中,我使用div制作了一张桌子。由于每个作为表行的div具有不同的高度,因此我使用了overflow:hidden属性。我这样做是为了最小化表单的大小。
在div中,我有3个其他div,就像表数据“td”一样。它们漂浮在行内。
我想要实现的是当表单中出现错误时,在它们之上显示另一个div。就像您在Stackoverflow上看到的那样,提醒您文本中的代码需要设置为代码。右边的红色div。现在我有点卡住了,因为我不能把那个div溢出到两边。
那么我还有什么其他选项来设置“row”div的高度而不使用overflow:hidden。我不想使用表格,内容总是在变化。
欢迎任何解决方案。
这是一个简单的代码,所以你得到了图片;
{{1}}
溢出的div不应该推动浮动div,并且在我更改它的属性并用内容填充之前不可见。
答案 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是有用的