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

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

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

并且在没有滑块的页面上，内容应该在标题???

之后

非常感谢这个菜鸟的任何线索

Answer 1

此：

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

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

相反，请尝试添加：

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

css定位和对象的顺序

1 个答案: