div排成一排的问题,用CSS

来源:百度知道 编辑:UC知道 时间:2024/06/08 14:50:17
<div class="center" id="centerdiv">
<div id="leftdiv">sdfsdf</div>

<div id="middiv">Content for class "center" id "centerdiv" Goes Here</div>

<div id="rightdiv">aaaaaa</div>
</div>

三个div在一个大div中间,如何让他们三个能排成一行不要有重叠

<div class="center" id="centerdiv">
<div id="leftdiv" style="float:left">sdfsdf</div>

<div id="middiv" style="float:left">Content for class "center" id "centerdiv" Goes Here</div>

<div id="rightdiv" style="float:left">aaaaaa</div>
<div style="clear:both"></div>
</div>
分别将三个层向左悬浮就行了啊(float:left)一般情况下多个悬浮之后都要闭合(clear:both)否则会出现浏览器不兼容的问题这是不兼容的常见问题之一

要设定个个DIV宽度,然后用FLOAT:left

给每个div都加上这个属性试试
style="display:inline"