0

所以我有：

<div class="wrapper">

    <div class="full-width">
        <div class="header">
            <a href="">
                <img src="img/logo.png" alt="Logo" class="logo img-responsive" />
            </a>
            <nav>
                <ul class="nav nav-pills">
                    <li><a href="">Moden Web Design</a></li>
                    <li><a href="">Prices</a></li>
                    <li><a href="">Demonstration</a></li>
                    <li><a href="">Contact Us</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>

里面一个<div class="wrapper">，那个有width:1100px;。所以问题是我是否可以以某种方式制作div class="full-width"具有全宽背景的...因为它停在.wrapper的边缘。

我试过这个方法，但它不起作用：

.full-width {
    height:50px;
    position:absolute;
    width:100%;
    z-index:100;
}
4

4 回答 4

2

我不知道你的整个代码，但这是一个小提琴

.full-width {
  background: #333;
  height: 50px;
  position: absolute;
  left: 0;
  margin-top: 100px;
  width: 100%;
  z-index: 100;
}
于 2013-09-22T17:05:57.090 回答
0

也许，您可以添加left:0px;并再试一次。您也可以尝试使用负边距或超过 100% 的宽度。我希望，这有帮助；）

于 2013-09-22T16:13:29.510 回答
0

您可以使用设置背景的大小

background-size {
 Xpx Ypx;
}

或者您可以尝试为全角容器提供背景。

于 2013-09-22T17:03:09.213 回答
-1

将你的 CSS 设置为max-width:100%; max-height:100%;

另外，请阅读http://unstoppablerobotninja.com/entry/fluid-images

于 2013-09-22T19:10:48.873 回答