Css Divs、绝对定位、空白内容在这里。。。_Css

Css Divs、绝对定位、空白内容在这里。。。

css

Css Divs、绝对定位、空白内容在这里。。。,css,Css,多亏了这里的社区，我开始学习不要使用绝对定位，但是这个布局是在我开始这里之前有人做的，所以有没有一个简单的方法来删除狮子下面的空白，这样我就可以使用它作为关于页面？还是我必须重做整个CSS布局谢谢试着用这个替换原版，以移除狮子座下方的空间 <body> <div id="wrapper"> <div id="title"></div> <div id="mainimage">

多亏了这里的社区，我开始学习不要使用绝对定位，但是这个布局是在我开始这里之前有人做的，所以有没有一个简单的方法来删除狮子下面的空白，这样我就可以使用它作为关于页面？还是我必须重做整个CSS布局

谢谢

试着用这个替换原版，以移除狮子座下方的空间

<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>

这只是一个快速修复类的东西，和一个解决办法

注意：仅在FF 3.5.6上试用。

更改css主文件或将其放在“关于”页面的某个位置？如果我把它放在主文件中，它会影响其他页面吗？@adam:是的，只把它放在关于页面的页眉中。@gs谢谢--我把q标记为已回答，并尝试继续-但我认为它不起作用，我使用的是FF的正确版本我照样复制了代码，在标题中，我在上面和下面添加了样式标记——没有任何更改这些CSS类在您的

style.CSS

下。您可以直接更改这些页面，但这可能会影响其他页面。因此，您可能希望将其作为

about

页面的一个单独部分添加。或者，如果其他页面不多，您可能需要相应地修复这些页面。

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