<body>
<div id="wrapper">
<div id="title"></div>
<div id="mainimage">
<img src="mainimage.jpg" />
</div>
</div>
<div style="width:50%;">
content here...
</div>
</body>
http://susiebushphotography.com/about.html
感谢这里的社区,我开始学会不使用绝对定位 - 但这个布局是在我开始这里之前由某人完成的 - 所以有没有一种简单的方法可以删除狮子下方的空白区域,以便我可以使用它作为关于页面?还是我必须重做整个 CSS 布局?
谢谢
最佳答案
尝试用这个替换原来的以删除狮子下方的空间,
#wrapper {
position:relative;
margin: 0 auto 0 auto;
width: 685px;
}
#title{
position:absolute;
top: 15px;
width: 235px;
height:265px;
background-image:url(title.jpg);
background-repeat:no-repeat;
display:block;
}
#mainimage{
position:absolute;
top: 15px;
left: 235px;
width: 450px;
height:265px;
display:block;
}
这只是一个 quickfix 之类的东西,并且是一个解决方法。
注意:仅在 FF 3.5.6 上试过。
关于css - div、绝对定位、空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1965444/