2012-04-25 37 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另一个元素包装它们风格

相关问题