html - 创建一个 100% 高度的基本设计

Question

我正在尝试获得这个设计:

我只是不知道如何开始。我想不出如何获得它。

有人可以帮助我吗？也许做一个快速的 jsFiddle，只是基础知识。我想了解如何制作这样的布局，其中左侧菜单栏的 bg(或只是高度)与“DIV#2”的内容相同。

更新:

我试过@Josh Davies 这样回答:

 <div class="container">
    <div class="row">
        <div id="wrapper">
            <div class="leftt">left content</div>
            <div class="rightt">right content</div>
        </div>
    </div>
 </div><!-- end container -->

   #wrapper{background-color:blue;width:100%;}
   .leftt{float:left;width:29%;}
   .rightt{float:left;width:69%;}

不幸的是，我只能看到左侧边栏和右侧的内容。不是顶部栏，也不是左侧菜单底部的小菜单。

Answer 1

只需创建一个包装器并为包装器指定左侧 div 的背景色即可。然后定位左侧和右侧的 div，并为右侧的 div 指定您选择的颜色。这样，当页面展开时，包装器也会展开。

希望这对您有所帮助!