2012-04-25 54 views
0

不僅如此,但也讓他們並排無論窗口大小如何調整。我需要用桌子來完成這個嗎?有沒有更好的辦法?你如何強制一個無序列表,並通過側表側的DIV?

注:HTML 4和HTML 5的答案歡迎。

An example of what I'm working with.

+0

首先你要並排擺放的元素應該是浮動的。你的浮動元素的父元素應該有一個固定的寬度來充當容器來容納它們。這將阻止他們在調整大小時在對方下方浮動。 – Jrod 2012-04-25 19:29:57

+0

你在找一個非浮動的答案嗎? – hunter 2012-04-25 19:30:11

+0

浮動元素的寬度應該考慮到它們對它們的任何填充/邊距 – hunter 2012-04-25 19:31:15

回答

0

,如果你有以下樣式設置你應該罰款:

.page 
{ 
    width: 100%; 
} 

#sidebar 
{ 
    padding: 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 20%; 
} 

#main 
{ 
    padding: 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 80%; 
} 

,如果你想一些空間之間的這些元素在你的風格帳戶:

#main 
{ 
    padding: 0 0 2% 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 78%; 
} 

您還需要#main後清除浮動與<div style="clear: left"></div>或清除元件或具有0另一個元素包裝它們風格

相關問題