在定位这些DIV时遇到一些麻烦

时间:2012-06-02 18:28:18

标签: html css html5 css-float

这里有点麻烦。我有4个DIV。我希望他们这样定位:

enter image description here

所以,我将DIV 1向左浮动并将DIV 4向右浮动。到现在为止还挺好。但是,当我包含DIV 2和3时,一切都开始破坏。根据我在HTML中订购DIV的方式,有时它们根本不显示,下一行,是乱序等等。这一切都让人很困惑。我没有看到float:center; CSS代码,所以我不确定如何做到这一点。

非常感谢一些帮助!感谢。

2 个答案:

答案 0 :(得分:1)

没有浮动:中间和浮动一个向左,另一个向右移动不会让其余浮动到中间。你必须选择向右浮动的内容和左边的内容。

在你的情况下,我认为向左浮动1,向右浮动2,3和4将完成这项任务。

答案 1 :(得分:0)

如何将每个div的css显示设置为内联,并使用外部div(显示块)进行包装。你还想设置宽度......