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

====== 关于DIV的样式控制 ======
关于DIV的样式控制...

有如下嵌套结构.

<div   id= "maxdiv "   class= "div1 ">
          <div   id= "mindiv1 "   class= "subdiv1 "> xxxx </div>
          <div   id= "mindiv2 "   class= "subdiv2 "> yyyy </div>
</div>

我想让mindiv1   和   mindiv2   在一行上,并且右对齐.
可怎么控制   mindiv2   都会换到第二行上.
我菜鸟,不知道CSS该怎么写,大虾们帮忙...

先谢了...



------解决方案--------------------
<div id= "maxdiv " class= "div1 ">
<div id= "mindiv1 " class= "subdiv1 " style= "float:right; "> xxxx </div>
<div id= "mindiv2 " class= "subdiv2 " style= "float:right; "> yyyy </div>
</div>
------解决方案--------------------
支持楼上的。
------解决方案--------------------
也可以是:left.如:

<div id= "maxdiv " class= "div1 ">
<div id= "mindiv1 " class= "subdiv1 " style= "float:left; "> xxxx </div>
<div id= "mindiv2 " class= "subdiv2 " style= "float:left; "> yyyy </div>
</div>

------解决方案--------------------
内嵌的两个div宽度总和一定不能超过外面那个div的宽度值(包括内填充和边框的像素值)