Question

这是我的代码：

<html>
    <head></head>
    <body>
        <div style="width:300px;height:3000px;position:absolute;top:0;left:0;margin-bottom:1000px;background-color:#00f;">
        </div>
    </body>
</html>

这个想法是拥有一个3000像素的高块，然后是一个1000像素的空间。但是当我在Safari中测试代码时，会忽略该空间。虽然在Chrome中运行良好。在IE中不确定。我该怎么办？

Answer 1

是的，它有效，就像Robby和Richa已经评论过的那样。

但是如果你想在视觉上看到“空间”，试试这个代码（当然在身体标签内）

<div style=" width:300px; height:3000px; position:absolute; 
 top:0px; left:0; margin-bottom:1000px; background-color:#00f; ">
</div>
<div style=" width:300px; height:3000px; position:absolute; 
 top:4000px; left:0; margin-bottom:1000px; background-color:#00f; ">
</div>

Answer 2

我认为你想在div的底部留出空间。请尝试以下代码：

<div style="width:300px; height:3000px; position:absolute; top:0px; left:0; background-color:#00f; ">
</div>
<div style="width:300px; height:1000px; position:absolute; top:3000px; left:0; background-color:#fff; ">
</div>

Answer 3

添加

body { 高度：4000px; }

我不知道为什么但是每Set position absolute and margin

margin-bottom只对绝对定位做任何事情元素如果元素没有顶级属性。

如何使用margin-bottom创建网页的长度

3 个答案: