Question

如果div A包含在另一个宽度为500px的div（B）中，div A如何仍然是整个屏幕的宽度？我想“突破”那个500px div。

Answer 1

鉴于您的问题，您可以在div A中使用position:absolute。它将找到最近的定位父级（具有固定，绝对或相对位置的父级）。但是你需要让最近的定位元素具有100％的宽度并且位于左侧。

<body>
    <div id="b">
        <div id="a">test</div>
    </div>
</body>

body{
    position:relative;
}

#b{
    width:500px;
}

#a{
    position:absolute;
    top:0;
    left:0;
    right:0;
}

Answer 2

在子div上使用position: absolute并将父级保留在position: static。

Answer 3

你可以尝试制作div A的位置：绝对;

Answer 4

这取决于你想要它的样子。使用css：

overflow:hidden;

会使div大于包含div但隐藏在它后面，

否则，如果你希望它显示在包含div的顶部，你可以使用'position'css，就像给出的其他答案一样。

Answer 5

您可以在div标签中添加类或ID。这个CSS适用于

#yourdivid .yourdivclass {
     position:absolute;
     left:0;
     right:0;
     overflow:hidden;
}

Answer 6

jsfiddle for you： http://jsfiddle.net/HRT2M/

.b
{
Position:fixed;
}

在div b上的

应该让它为你工作

马丁

Answer 7

您可以使用min-width将div B强制为某个宽度 -

<div id="a" style="width:500px;display:block;">
  <div id="b" style="min-width:960px;">
  </div>
</div>

您还可以使用javascript设置其宽度 -

<script style="text/javascript">
window.onload = function () {
  document.getElementById ("b").style.width = window.screen.width;
}
</script>

Answer 8

<div id="b" style="width:500px;">
   <div id="a" style="width:100%; position:absolute; overflow:hidden;"><div/>
</div>

这很有效。

如何制作整个屏幕宽度的div？

8 个答案: