为什么我的“边距:30px”是指令被忽略?

发布于 09-29 07:51 字数 264 浏览 5 评论 0原文

我在设置页面上两个元素之间的边距时遇到困难。

这里描述了一个示例: 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

故事↓在人2024-10-06 07:52:01

尝试在表格和页脚之间添加

Try adding a <p style="clear:both"/> between your table and the footer.

兔小萌2024-10-06 07:52:00

其上方元素的 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:both on 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.

还如梦归2024-10-06 07:52:00

.tab_container 中删除 float:left;

Remove float:left; from .tab_container.

困倦2024-10-06 07:51:59

div#Tab 向左浮动,这就是您出现此行为的原因。

尝试使用 overflow:hidden 将其包装在另一个 div 中。

div#Tab is 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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文