position:fixed; 相对于浏览器窗口绝对定位。
_position:absolute; 只有IE6能识别, IE6不支持fixed, 所以针对IE6使用absolute绝对定位, 一般还要配套一个expression脚本来实现
_position:absolute; 只有IE6能识别, IE6不支持fixed, 所以针对IE6使用absolute绝对定位, 一般还要配套一个expression脚本来实现
t/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px;top:0;background:#999;}
.main{width:100%;height:400px;background:red;position:relative;
}
.left{ width:200px;height:400px; background:blue;}
.right{height:400px;margin:0 0 0 210px;background:green;}
.foot{heig
</head>
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px;top:0;background:#999;}
.main{width:100%;height:400px;background:red;position:relative;
}
.left{ width:200px;height:400px; background:blue;}
.right{height:400px;margin:0 0 0 210px;background:green;}
.foot{heig
</head>
已采纳回答 / qq_与我如浮云_0
body不用设置relative,此时.top中的absolute仍然以body绝对定位,这个时候你是看不到top,因为绝对定位挺复杂这里不多说,后面main又设置了relative,这时,.left对父元素main绝对定位,建议以后浮动和定位不要一起用。这个代码,你试试<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty...
2017-02-25
已采纳回答 / 慕粉1840084516
因为 在"nav"和"section"的样式中 使用了float元素定位,float会使子元素从父级元素中脱离出来,相当于从原来的块级标签变成行级标签,所以他们就可以排列在一行了,而不是单独占据一行
2017-02-24