0

除了第 3 个小部件位于所有其他小部件的下方但仍位于右侧之外,它们都去了正确的位置。

Stackoverflow 不太好,所以我不得不将代码放在 Pastbin 上。

HTML http://pastebin.com/hSLwp2u7

CSS http://pastebin.com/k0eWm0Bn

4

3 回答 3

0

试试这个

#midtweet{
    margin:0 4.5%;
    float: left;
    width: 30%;
 }

还从#leftweet 中删除边距

于 2012-09-02T16:21:13.993 回答
0

center不是浮点数的正确值,所以中间的不是浮点数,这就是为什么第三个在第二个下呈现的原因。此外,“margin: auto”对于浮点数绝对没有意义。

你应该要么让中间的一个浮动,要么一起摆脱浮动并使用display: table-cell.

于 2012-09-02T16:33:10.127 回答
0

这是正确的代码:

CSS: http: //pastebin.com/B7N5uyYZ

更改: 1. 浮动没有中心值(与 lqc 相同) 2. 左右浮动不需要自动边距(再次与 lqc 相同) 3. 重要的事情:当您将左右边距设置为自动时边距覆盖整个 div,因此附近没有其他元素可以呈现。所以一个小数学: (100 - (30*3))/2 = 5 .. 所以你需要给中间元素 5% 的边距才能进入中心。(纠正Hareesh ..这不是99%。这是100%的人:D)

于 2012-09-02T16:57:58.490 回答