CSS在基于浮点的列中清除?

时间:2010-07-31 18:42:13

标签: css css-float

我正在主要内容面板左侧浮动一个侧边栏。然后在那个面板中,我有一些盒子,它们被浮动和清除以创建一种网格(它是一个“我的帐户”页面,各种框包含订单,编辑细节等内容)。问题是内容div中的框正在清除侧边栏,而不是该div中的其他框。如果该解释令人困惑,下面的图片会有一个链接:

enter image description here

之前有没有人遇到过这个问题,如果有的话,你知道它有什么问题吗?我可能会以错误的方式解决这个问题,但我几乎完全是通过反复试验来学习CSS,所以我对它的理论知识很可能非常缺乏。

3 个答案:

答案 0 :(得分:3)

如果内容面板未浮动,则内部的任何元素都将清除侧边栏浮动。简单的解决方案是浮动内容面板。既然你还没有发布html / css,那么很难真正看到这个问题,并提供任何建议,如果你不想浮动内容面板。

Before

After

答案 1 :(得分:0)

我相信你会想要选择性地清除一侧的花车,例如clear: right;clear: left;

我没有碰到那个问题,所以我不确定。

答案 2 :(得分:-2)

您可以尝试显示:inline-block。但这是一个新功能,并没有得到很好的支持。 CSS是一只狗,我只是改变我的设计以适应它的功能。

https://learn.shayhowe.com/html-css/positioning-content/

或者,只需使用表格。表只是工作。