佈置div標籤

-6

我已經嘗試了幾個小時，現在正確的div的位置。我現在意識到我需要一些專業幫助。佈置div標籤

enter image description here

的形象應該是相當自我解釋。

2012-03-03 raze

我添加了你的圖像，但是*你的代碼在哪裏？這就是我們需要看到的幫助你。請點擊[編輯]添加您的HTML和CSS，並注意代碼格式化工具。 – 2012-03-03 19:28:11

-1

下面的鏈接應該給你一個好主意。我設置了不同的背景顏色，以便您可以看到所有內容。你將遇到的唯一的麻煩是你不能做「100％ - 75px」，所以我把它設置爲500px。

2012-03-03 20:06:09 Andrew

哇，原來的答案。 – Gareth 2012-03-03 20:59:03

@Gareth謝謝你的建設性批評。 [這裏是你發佈的代碼的小提琴。]（http://jsfiddle.net/TheWaxMann/Y6ew7/）它甚至不像微微的照片。它需要外部容器div，以便左側欄上的高度與頁面其餘部分的高度相匹配。 – Andrew 2012-03-03 22:16:43

你拿出了我的答案，對我指出的問題應用了第一個解決方案，並將其作爲你自己的jsFiddle發佈。謝謝你提醒我爲什麼我不再在這裏回答問題。 – Gareth 2012-03-04 00:24:52

HTML：

CSS：

#menu {float: left; width: 75px; height:100%;} 
#header {height: 100px;} 
.columns {height: 300px;} 
.column {display:inline-block;width: 33.33%;}

它保持三個columndivš一起去阻止他們之間出現，因爲display:inline-block;的任何空白是很重要的。

這裏唯一真正的問題是100％高度菜單div。因爲它是float ed（推翻其他內容75px），height:100%不起作用。有2級可能的解決方案是：

1）將禁止一切在容器div菜單，給一個margin-left:75px;

2）給出菜單中的固定像素的高度。

2012-03-03 19:40:02 Gareth

回答