html - CSS边框 - 如何用边框填充div内的内容

Question

我有 这个：

现在，我想要两件事... 左 div（导航） 我想要边框一直到底部。其次，我希望#content div 中的内容和页脚必须在它之后。

为什么内容总是到内容和页脚？

谢谢你。

编辑：

CSS：

 #header { padding: 0px; color: #000; background: #fff;}
  #topnav { color: #aaa; background: transparent; position: inherit;}
  #main { margin: 10px 0; background: #fff;  height: 50%;}
  #footer { padding: 10px 0px 10px 0px; margin-top: 25px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  #col1 { float: left; width: 13%;}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 15%}
  #col1_content { padding: 0 10px 0 20px;}
  #col3_content { padding: 0 20px 0 10px;}
  #col1 { border-right: 5px #ddd ridge }

Answer 1

以绝对定位放置您的页脚，以便它像所有页脚一样固定在最底部，除非您有不同的想法。

#footer { position:absolute; bottom: 0px; left: 0px; }