对齐2形式并排

2011-12-12 78 views 0 likes

首先，关于我的布局图片股利水平并排：对齐2形式并排

我有一个DIV 2形式。第一种形式（#coupon）设置为float：right，第二种（#comment）float：left。问题在于父母的身高。它太小了，两种形式都不在这个格子里面。为什么？

2011-12-12 Adrian

浮动元素时，父级不再使用该元素来计算其宽度或高度。 –

回答

只需添加overflow: hidden到父格或使用标准clearfix。

2011-12-12 20:50:30 Leo

溢出：隐藏是我的朋友。 :) – Adrian

您是否使用过任何绝对位置，边距或填充？他们会相当大地改变你的布局。如果您不确定，请将它们明确设置为0。

什么是你的箱子大小的三个divs，你可以突出这些，你会得到什么？

编辑 jsfiddle了解margin和padding

2011-12-12 20:48:25

内容div为：.content {0} {0} {0}} border：1px solid #DDDDDD; margin-bottom：10px; margin-top：10px; padding：10px; } – Adrian

是的，这是一个部分，同样可能是内部浮动div。你有他们的保证金，填充？ –

与溢出：隐藏现在好了 – Adrian