HTML5 CSS3 布局

Question

我是网页设计的初学者，我在修复网页布局方面遇到了问题。我想用 aside 元素制作一个两列的内容区域，但我找不到正确的方法。我试图减少部分的宽度，但没有奏效。有人可以告诉我一个关于我的 css 代码的好选择吗？谢谢!

article, aside, footer, header, main, nav, section{
    display: block;
}
#wrapper {
    margin:0 auto;
    width: 96%; /* Holding outermost DIV */
}
#header {
    margin-left:auto;
    margin-right:auto;
    background-color: #165E00;
    width:1000px;
    color:white;  
    padding:10px;    
}
strong text
#section {
    margin-left:156px;
    font-family: Sans-Serif;
    background-color:#FFDD00;
    height:1900px;
    width:1000px;
    padding:10px;   
    text-align: justify;    
}

Answer 1

对于以这种方式使用列的网站，我建议检查响应式/流体网格系统，例如 bootstrap、foundation、skeleton 等