1

我正在尝试调整我的网站，并且在电脑前坐了太久，因此我不知道我的错误在哪里。希望有人可以帮助具有基本css知识的人。

这是我的CSS：

#body {float: left; width: 100%; min-height:100%;}

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap {
       float: left;
       clear: both;
       width: 100%;
       }

#header-wrap  {
       float: left;
       width: 100%;
       }



#header {height: 100px;}
#slider {height: 500px;}  
#content {padding: 0; text-align: left;}

我想添加

position: absolute; top: 0px

到#slider-wrap 以便它从标题下方的右上角开始，但是当我这样做时，#content 都会向上移动并直接放在滑块下方？

这些对象的正确定位是什么，以便它们按以下顺序显示：1. 标题 2. 滑块（部分位于标题下方） 3. 内容

在没有滑块的页面上，内容应该跟在标题后面？？？

这个菜鸟的任何线索将不胜感激

4

1 回答 1

0

这个：

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap {
   float: left;
   clear: both;
   width: 100%;
   }

意味着所有三个规则都适用于所有四个指定元素。如果您position也在那里添加您的规则，它将适用于所有这些元素。

相反，请尝试添加：

#slider-wrap { position: absolute; top: 0px }

于 2012-04-12T12:18:32.707 回答