读书人

一个DIV定位的有关问题

发布时间: 2012-01-18 00:23:26 作者: rapoo

一个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>

读书人网 >asp.net

热点推荐