为什么我的“边距：30px”是指令被忽略？
我在设置页面上两个元素之间的边距时遇到困难。
这里描述了一个示例： http://jsfiddle.net/fHC9Y/1/
您可以看到表格下方的分页结构和页脚框之间没有空间，我在 CSS 中指定它们之间应该有 30px 的空间。
这是 IE8 和 IE8 中的问题。 Firefox（没有尝试过其他浏览器）。
有谁知道这可能是什么？
I'm having difficulty with setting the margin between 2 elements on my page.
An example is depicted here: http://jsfiddle.net/fHC9Y/1/
You can see that there's no space between the paging structure under the table and the footer box, where I've specified in the CSS that there should be 30px of space between them.
This is an issue in IE8 & Firefox (haven't tried other browsers).
Does anyone have any idea what this could be?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
尝试在表格和页脚之间添加
。Try adding a
<p style="clear:both"/>between your table and the footer.其上方元素的
float:left;导致不应用边距。 （在 jsfiddle 中，尝试删除浮动并看看会发生什么）您似乎在两个 div 上执行
clear:both，但这没有帮助。如果您需要在前一个元素上浮动，则需要在它们之间有一个额外的 div 或用额外的包裹其中一个元素。希望有帮助。
The
float:left;of the element above it is what is causing the margin not to be applied. (in jsfiddle, try removing the float and see what happens)You appear to be doing a
clear:bothon both the divs, but that isn't helping. If you need the float on the preceding element, you'll need to have an extra div between them or wrapping one of them with an extra<div>.Hope that helps.
从
.tab_container中删除float:left;。Remove
float:left;from.tab_container.div#Tab向左浮动，这就是您出现此行为的原因。尝试使用
overflow:hidden将其包装在另一个 div 中。div#Tabis floated left, that is why you get this behaviour.Try to wrap it in another div with
overflow: hidden.或者你可以通过给你的分页结构 margin-bottom 来解决这个问题。
http://jsfiddle.net/hYgQG/
Or you could work around it by giving your paging structure margin-bottom.
http://jsfiddle.net/hYgQG/