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 回答