Question

好吧，所以我想弄清楚为什么我不能让顶部的'蓝色'背景延伸到页面的宽度（而不是高度），同时保持定位'绝对'？这是我的页面和css：

http://dl.dropbox.com/u/20517056/jimedit2.html http://dl.dropbox.com/u/20517056/jimedit2.css

如您所见，我的宽度为100％，但不会延长。有任何想法吗？谢谢！

Answer 1

这是因为你已经在id jimedit2的div中放置了你想要扩展的div。此div的设置宽度为1024px，因此您的div扩展到此宽度（父的宽度）。要解决此问题，请将其从父div中删除。

Answer 2

div“jimedit2”是固定的，即1024px 而div“lightblue”就在里面。所以它只会显示宽度为1024px的图像

尝试将其从div jimedit2中取出。

即

    <div id="lightblue"></div>
<div id="jimedit2">
<div id="layer1"></div>
<div id="id32andersonaquinollp"></div>
<div id="i6177233600"></div>
<div id="counselorsatlaw"></div>
<div id="whitemenu"></div>
<div id="dividercopy4"></div>
<div id="dividercopy3"></div>
<div id="dividercopy5"></div>
<div id="divider"></div>
<div id="home"></div>
<div id="aboutthefirm"></div>
<div id="ourattorneys"></div>
<div id="contactus"></div>
<div id="i20112012andersonaquinollp"></div>
</div>

你的问题将得到解决。

Answer 3

这是您正在寻找的开始。你可以自己解决剩下的问题：

<style type="text/css">
body {margin: 0; padding: 0}
#blueBackground {
    background-repeat: repeat;
    background-image: url(http://dl.dropbox.com/u/20517056/jimedit2media/lightblue.gif);
    height: 121px
}
#wrapper {
    display: block;
    margin: 0 auto;
    width: 800px;
    background-color: red;
    top: -121;
    position: relative;
    height: 1000px;
}
</style>

<div id="blueBackground"></div>
<div id="wrapper">
        Put your central content in here
</div>

如何在“绝对”位置的浏览器窗口宽度范围内扩展图像？

3 个答案: