除了第 3 个小部件位于所有其他小部件的下方但仍位于右侧之外,它们都去了正确的位置。
Stackoverflow 不太好,所以我不得不将代码放在 Pastbin 上。
除了第 3 个小部件位于所有其他小部件的下方但仍位于右侧之外,它们都去了正确的位置。
Stackoverflow 不太好,所以我不得不将代码放在 Pastbin 上。
试试这个
#midtweet{
margin:0 4.5%;
float: left;
width: 30%;
}
还从#leftweet 中删除边距
center
不是浮点数的正确值,所以中间的不是浮点数,这就是为什么第三个在第二个下呈现的原因。此外,“margin: auto”对于浮点数绝对没有意义。
你应该要么让中间的一个浮动,要么一起摆脱浮动并使用display: table-cell
.
这是正确的代码:
CSS: http: //pastebin.com/B7N5uyYZ
更改: 1. 浮动没有中心值(与 lqc 相同) 2. 左右浮动不需要自动边距(再次与 lqc 相同) 3. 重要的事情:当您将左右边距设置为自动时边距覆盖整个 div,因此附近没有其他元素可以呈现。所以一个小数学: (100 - (30*3))/2 = 5 .. 所以你需要给中间元素 5% 的边距才能进入中心。(纠正Hareesh ..这不是99%。这是100%的人:D)