两列布局 - 第二列中的内容显示在浮动的第一列下方

时间:2013-02-01 12:07:03

标签: css css-float floating

我有一个带有父div(容器)和内部两列div的两列布局。左列向左浮动,宽度为右,右列有左边距,即左浮动div + 20px的宽度。我希望第二列占据容器提供的其余宽度。

问题是放置在第二列中的浮动内容然后向下清除显示在第一列下方,显示的空白与浮动列的高度相同。所以在屏幕截图中< p>标签将向左浮动,第二个清除第一个作为示例。

如何解决这个问题?我已经包含了一个图像链接作为参考。我以前使用过这种技术没有问题,所以我不确定出了什么问题。

Image of problem including CSS in use

感谢您寻找

0 个答案:

没有答案