0

代码：

<div id="pagewrap">
   <div id="test">
      asdf asdf asdf
   </div>
</div>

假设'pagewrap' id 的固定宽度为 980px css，但我希望testid 具有大于 980px 的屏幕全宽。通过使用CSS，这可能吗？

4

5 回答 5

1

你也可以给#testanposition:absolute并制作它width:100%

做了一个小jsfiddle来演示：http: //jsfiddle.net/MAAaD/

于 2012-11-04T16:12:41.797 回答
1

用于position: absolute;使您的孩子 div 为 100%；

演示

CSS

#pagewrap {
    width: 980px;
    background-color: #ff0000;
}

#test {
    width: 100%;
    background-color: #00ff00;
    position:absolute;
}
于 2012-11-04T16:12:01.200 回答
0

有几个解决方案，从最好到最差列出。

  1. 给它position: absolute和width: 100%。（很像亚历克斯先生在我之前说过的）。
  2. 将其从其父 div 中拉出，然后使用width: 100%. （这可能会妨碍语义，但如果您想将其用作对话或其他内容，则效果很好）。
  3. 使用 JavaScript。（仅当您有充分的理由不使用上述任何一个答案时）。
于 2012-11-04T16:13:12.837 回答
-1

尝试这个：

#pagewrap #test {
   width: 1000px !important;
}
于 2012-11-04T16:10:46.263 回答
-2

尝试使用 100% 的宽度。覆盖父标签的完整大小。

width:100%
于 2012-11-04T16:12:46.273 回答