Question

我想将id为main的div与标题40px分开但不知道如何。还希望div primary和sidebar拉伸到底部。我设置了min-height：500px也设置为主要和侧边栏div。这样好吗？

最后一个问题，为什么我的页脚与主div分开？

 header {
   position: fixed;
   top: 0;
   left: 0;
   height: 200px;
   z-index: 100;
 }

 #wrap {
   margin-top: 200px;
 }

 #main {
   width: 60%;
   min-height: 500px;
   margin: 0 auto;
 }

   #primary {
     box-sizing: border-box;
     width: 80%;
     float: left;
   }

   #sidebar {
     width: 20%;
     box-sizing: border-box;
     width: 80%;
     padding: 20px;
     float: right;
   }

http://jsfiddle.net/T78CC/

Answer 1

我想将id为主要的div与标题40px分开，但不知道如何。

#main {
    padding-top:40px;
}

也希望div primary和sidebar拉伸到底部。我设置了min-height：500px也设置为主要和侧边栏div。这样好吗？

这不是一个好方法，因为任何超过500px的屏幕都会看到它在那里结束。

最后一次问题，为什么我的页脚与主要div分开？

因为p标签默认具有边距，这是推动事物

Answer 2

...所以这很简单，因为kthornbloom写道。

 padding-top:40px;

我在发布问题之前还添加了padding-top，但是让我感到困惑的是标题和内容之间的绿色空间，这是填充本身，所以这个问题是不必要的，对不起的人们，再次感谢您的帮助:)） p>

将div与标题分开

2 个答案: