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

Question

我有 this：

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

为什么内容会全部转到内容和页脚？

谢谢。

编辑：

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; }