這是我的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
我打算和