css定位和对象的顺序

Question

我正在尝试调整我的网站，但在电脑前坐了太久，因此我不知道我的错误在哪里。希望有人能帮助有 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 都向上移动并直接放在 slider 下方？

这些对象的正确定位是什么，以便它们按以下顺序显示:1.表头2. slider (部分在标题下)三、内容

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

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

Answer 1

这个:

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

表示所有三个规则都应用于所有四个指定元素。如果你在那里添加你的 position 规则，它将适用于所有这些元素。

相反，尝试添加:

#slider-wrap { position:absolute；顶部:0px