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

Question

我有 this :

现在，我想要两件事... 左 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; }