日期:2014-05-17  浏览次数:20976 次

如何让同一行上的三个DIV,从左到右排列呢,
我是这样写的,但不能排在同一行上,三个DIV是从上至下排列的效果。
  <div align=left style= "border:0px solid green;width:20px;"></div>
  <div align=center style= "border:0px solid green;width:800px;"></div>
  <div align=right style= "width:150px;"></div>




------解决方案--------------------
最好在外面也放一个div
HTML code

<div style="width:875px">
                <div   align=left   style=   "border:0px   solid   green;width:20px;float:left;"> </div> 
                <div   align=center   style=   "border:0px   solid   green;width:800px;float:left;"> </div> 
                <div   align=right   style=   "width:150px;float:right;"> </div> 
</div

------解决方案--------------------
最好在外面也放一个div
HTML code

<div style="width:975px">
                <div   align=left   style=   "border:0px   solid   green;width:20px;float:left;"> </div> 
                <div   align=center   style=   "border:0px   solid   green;width:800px;float:left;"> </div> 
                <div   align=right   style=   "width:150px;float:right;"> </div> 
</div

------解决方案--------------------
<div style="border:1px solid green;width:20px;float:left;background:red">a</div> 
<div style="border:1px solid green;width:300px;float:left;background:green">def</div> 
<div style="width:150px;background:blue;">ghgh</div> 
强烈建议CSDN改掉这个随便插空格的愚蠢透顶的BUG
------解决方案--------------------
[code=html]
[color=red] <div style="float:left">[/color]
<div style= "border:0px solid green;width:20px;[color=red]float:left[/color]"> </div>
<div style="border:0px solid green;width:800px;[color=red]float:right[/color]"> </div>
[color=red] </div>[/color]
<div style="width:150px;[color=red]float:right[/color]"> </div>
[/code]
------解决方案--------------------
HTML code

<div style="float:left;">12</div>
<div style="float:left;">12</div>
<div style="float:left;">12</div>

------解决方案--------------------
HTML code
 
[color=RED] <div   style="float:left"> [/color] 
<div   style=   "border:0px   solid   green;width:20px;[color=RED]float:left[/color]">   </div> 
<div   style="border:0px   solid   green;width:800px;[color=RED]float:right[/color]">   </div> 
[color=RED] </div> [/color] 
<div   style="width:150px;[color=RED]float:right[/color]">   </div>

------解决方案--------------------
建个一行三列的table 每列嵌个div
------解决方案--------------------
<div style="float:left">
<div style= "border:1px solid green;">fdasfdaf</div> 
<div style="border:1px solid green;"> fdafda</div>
<div style="border:1px solid green;"> fdsafdaf </div> 
</div>

------解决方案--------------------