0

这是我的网站。

我试图让黑色 div 脱离父 div 并跨越浏览器的宽度。

我正在尝试以负边距来做到这一点。

像这样

.aboutTop {
    background-color: black;
    width: 100%;
    height: 600px;
    position: relative;
    margin-left: -100px;
    margin-right: -100px;
}

注意：我已经尝试margin-left: -100%;使用上面的内容来查看出现了什么问题。

但是，margin-right 不起作用。

它只是将框向左移动 100 像素。

为什么是这样？

4

3 回答 3

0

使用 margin-right 属性很有趣，当您左对齐时，它会在右侧创建空间而不是向右移动。在回答了您之前的相关问题后，我必须说，只需增加宽度以适应屏幕，而不是添加负右边距。您将框放在左角，现在增加宽度，并使其适合页面。

这是你必须做的。拿起整个分区并将其移出包含其宽度 USE 的父级：

#yourdiv{
position:absolute;
top:200px;
left:0;
background:black;
width:100%;
height:200px;

}

用最简单的方法做...而不是乱来。把它从那个该死的父 div 中拿出来。

于 2012-10-03T10:49:23.963 回答
0
  • 您将宽度设置为 100%（所以这是父级的 100%）
  • 你说要在两边突破父宽度！
    这是相互矛盾的

左边距正在按预期工作，而右边距不是因为达到了 100% 的限制！

删除宽度：100%；你可以走了！

[编辑]
上面没有解决浏览器问题的 100% 宽度
Mayby 那可能用一些 javascript 吗？

var screenwidth = (window.innerWidth > 0) ? window.innerWidth : screen.width;

然后像

document.getElementById('aboutTop').style.width = screenwidth;

这需要您将 class='aboutTop' 更改为 id='aboutTop'

于 2012-10-03T10:56:18.197 回答
0

删除margin-right并调整它margin-left。

于 2012-10-03T11:01:52.840 回答