Question

<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

感谢这里的社区我开始学习不使用绝对定位 - 但是这个布局是在我开始之前由某人完成的 - 所以有一种简单的方法来移除狮子下面的白色空间所以我可以使用这个作为ABOUT页面？或者我是否必须重做整个CSS布局？

感谢

Answer 1

尝试用此替换原件以移除狮子下方的空间

#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;
}

这只是一个快速修复的东西，并且可以解决这个问题。

注意：仅在FF 3.5.6上试过。

分区，绝对定位，白色空间

1 个答案: