这是我的admin panel，我想用div分成2列。左格是菜单，有这种风格集：用textwrap将网站分成2栏
#menu_left{
position: fixed;
float: left;
width: 300px;
height: 100%;
top: 0;
left: 0;
background: #666;
color: white;
}
右边一个是内容，有这种风格：
#content{
text-wrap: unrestricted;
float:left;
width: 100%;
left: 300px;
}
它不工作，因为它应该工作，我希望它包装文本，但它不包含。 请告诉我，如果有任何错误的样式设置。
哦HTML：
<body>
<div id="menu_left">
<h1>Menu</h1> <hr />
</div>
<div id="content"></div>
</body>
您对内容宽度100％，这使得它伸出300到该窗口的右侧，因为#menu_left宽度。你应该使这个像素值，或更改#menu_left％宽度，比如说20％，然后内容可以是80％，他们会很好地适应。
另外，您应该从#content中删除left: 300px;，由于float: left;，它已经到达了您想要的位置。
只要清除这些行，你应该很好去。
#menu_left{
position: fixed; <--don't need
float: left;
width: 300px;
height: 100%;
top: 0; <--don't need
left: 0; <--don't need
background: #666;
color: white;
}
#content{
text-wrap: unrestricted; <--don't need (you really want to break letters in the same word?)
float:left;
width: 100%;
left: 300px; <--don't need
}
使用预制系统比尝试从头开始更有意义。我会推荐使用一个像grid960的css系统http://960.gs/
我完全不同意这一点，模板是狭隘的，不是很好的老师。而你将有垃圾，它的学习过程的一部分。你必须尝试去看看它的功能。 – dezman 2013-04-10 19:52:39
你不需要尝试文本换行：不受限制地知道它做了什么。我是阅读文档的忠实粉丝。花时间学习如何在第一时间做到正确。你不会马上得到所有的东西，但是你的家庭作业就是我所说的。 http://www.w3schools.com/cssref/ – bradhanks 2013-04-10 19:56:41
我这样做是为了自己学习，我喜欢从头开始。我对自己的代码感觉比对其他人更舒服。 而您发布的“修复”不起作用。我将坚持使用js/jquery。 – 2013-04-10 20:06:52
left：300px需要在那里，原因的立场：固定;否则它跳到左边。我可以使用JavaScript返回浏览器的窗口宽度吗？然后使像素的宽度为#content？ – 2013-04-10 19:44:50
你可以，但它不会在没有JavaScript的浏览器上工作。 – dezman 2013-04-10 19:47:32
我打算和