我尝试使用百分比作为宽度构建流体布局。做这样我尝试这:
<div style="width:50%; display:inline-table;">A</div> <div style="width:50%; display:inline-table;">B</div>
在这种情况下,他们不会站在一行,但如果我删除它们之间的换行符,像这样:
<div style="width:50%; display:inline-table;">A</div><div style="width:50%; display:inline-table;">B</div>
那么它工作正常。哪里有问题?我怎么能这样做,但没有使用绝对位置和浮动。
p.s.对不起英语。
ps.s.我希望我很好地解释我的问题
解决方法
问题是,当某些内容是内联的时候,每个whitepsace都是一个实际的空间。所以它会影响元素的宽度。我建议使用float或display:inline-block。 (只是不要在div之间留下任何空格)。
演示:http://jsfiddle.net/N9mzE/1/
<div style="width:50%; display: inline-block">A </div><div style="width:50%; display: inline-block;">B </div>