首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

一个DIV定位的有关问题

2012-01-18 
一个DIV定位的问题我想把三个DIV放到一行;代码如下:divstyle WIDTH:570px divid divIamge IMGs

一个DIV定位的问题
我想把三个DIV放到一行;
代码如下:
<div   style= "WIDTH:   570px ">
<div   id= "divIamge "> <IMG   src= "../ayimage/ad08.gif "> </div>
<span   style= "FLOAT:   left ">
<DIV   id= "divTypeText "   style= "BORDER-RIGHT:   1px;   BORDER-TOP:   1px;   MARGIN-TOP:   5px;   BORDER-LEFT:   1px;   WIDTH:   184px;   BORDER-BOTTOM:   1px;   HEIGHT:   185px ">
<div   id= "divTitle "   style= "HEIGHT:   18px;   BACKGROUND-COLOR:   #e6f4fc "> <span   style= "FLOAT:   left "> <A   class= "title1 "   href= "# "> title </A> </span> <span   style= "FLOAT:   right "> <A   class= "title1 "   href= "# "> more </A> </span> </div>
<div   id= "divMore ">
<li>
3
<li>
4
<li>
5
</li>
</div>
</DIV>
</span>
<!--   ---> <span   style= "MARGIN-RIGHT:   auto ">
<DIV   id= "divTypeText "   style= "BORDER-RIGHT:   1px;   BORDER-TOP:   1px;   MARGIN-TOP:   5px;   BORDER-LEFT:   1px;   WIDTH:   184px;   BORDER-BOTTOM:   1px;   HEIGHT:   185px ">
<div   id= "divTitle "   style= "HEIGHT:   18px;   BACKGROUND-COLOR:   #e6f4fc "> <span   style= "FLOAT:   left "> <A   class= "title1 "   href= "# "> title </A> </span> <span   style= "FLOAT:   right "> <A   class= "title1 "   href= "# "> more </A> </span> </div>
<div   id= "divMore ">
<li>
3
<li>
4
<li>
5
</li>
</div>
</DIV>
</span>
<!------> <span   style= "MARGIN-LEFT:   auto ">
<DIV   id= "divTypeText "   style= "BORDER-RIGHT:   1px;   BORDER-TOP:   1px;   MARGIN-TOP:   5px;   BORDER-LEFT:   1px;   WIDTH:   184px;   BORDER-BOTTOM:   1px;   HEIGHT:   185px ">
<div   id= "divTitle "   style= "HEIGHT:   18px;   BACKGROUND-COLOR:   #e6f4fc "> <span   style= "FLOAT:   left "> <A   class= "title1 "   href= "# "> title </A> </span> <span   style= "FLOAT:   right "> <A   class= "title1 "   href= "# "> more </A> </span> </div>
<div   id= "divMore ">
<li>
3
<li>
4
<li>
5
</li>
</div>
</DIV>
</span>
</div>


[解决办法]
div的外层套个table咯
[解决办法]
嗯,使用浮动就可以了,想怎么放都行,呵
[解决办法]
最好不要去用span
用div的float就可以搞定一切
------解决方案--------------------


<style type= "text/css ">
/* <![CDATA[*/
#div1 {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
#div2 {
position:absolute;
top:50%;
left:30%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
/*]]> */
</style>
<div id= "div1 "> .怎样使一个层垂直并2DIV平行居中于浏览器中 </div>
<div id= "div2 "> .怎样使一个层垂直并2DIV平行居中于浏览器中 </div>

热点排行