css中关于POSITION: absolute的问题
<styletype="text/css">body{MARGIN:0px;PADDING:0px;BACKGROUND:url(support.png)#FEFEFEn...
<style type="text/css">
body { MARGIN: 0px; PADDING: 0px; BACKGROUND: url(support.png) #FEFEFE no-repeat right bottom; FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif; COLOR: #666; FONT-SIZE:12px; LINE-HEIGHT:150%; }
/*定义页面左列样式*/
#left{ WIDTH:200px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #CDCDCD; }
/*定义页面中列样式*/
#middle{ POSITION: absolute; LEFT:200px;TOP:0px; WIDTH:300px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #DADADA; }
/*定义页面右列样式*/
#right{ POSITION: absolute; LEFT:500px; TOP:0px; WIDTH:280px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #FFF; }
</style>
<body>
<div id="left">页面左列</div>
<div id="middle">页面中列</div>
<div id="right">页面右列</div>
</body>
问题：
如果我去掉#middle里面定义的POSITION: absolute;页面中列就跑到第二行的开始处了，这是为什么？ 展开
body { MARGIN: 0px; PADDING: 0px; BACKGROUND: url(support.png) #FEFEFE no-repeat right bottom; FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif; COLOR: #666; FONT-SIZE:12px; LINE-HEIGHT:150%; }
/*定义页面左列样式*/
#left{ WIDTH:200px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #CDCDCD; }
/*定义页面中列样式*/
#middle{ POSITION: absolute; LEFT:200px;TOP:0px; WIDTH:300px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #DADADA; }
/*定义页面右列样式*/
#right{ POSITION: absolute; LEFT:500px; TOP:0px; WIDTH:280px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #FFF; }
</style>
<body>
<div id="left">页面左列</div>
<div id="middle">页面中列</div>
<div id="right">页面右列</div>
</body>
问题：
如果我去掉#middle里面定义的POSITION: absolute;页面中列就跑到第二行的开始处了，这是为什么？ 展开
1个回答
展开全部
他用的是绝对定位，意思是把一个层固定到你想固定的位置，left，和top就是控它的位置。你把它定位去掉了，默认就在left的下面，因为没有并列关系（float:left;）！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
