子类DIV和父类container的血缘问题?!!!
时间:2011-10-30
来源:互联网
代码如下:
body{
background-color:#FFFFFF;
margin: 0px;
padding:0px;
text-align:center;
}
#container{
position:relative;
margin:0 auto 0px auto;
}
#wrap{
width:100%;
height:200px;
border: 1px solid #0099FF;
position:fixed;top:0;}
#t1{
width:660px;
height:200px;
border: 1px solid #0099FF;
margin-top: 40px;
}
为什么那个#wrap的属性 position:fixed;top:0; 不是是屏幕那么宽,而是left起点与下面那个t1相同?
虽然#wrap继承的父类container,但是我的container没有设置宽度啊?
请问这是什么原理呢?
我想达到我的要求又该怎么弄呢??
还望各位指教!!
body{
background-color:#FFFFFF;
margin: 0px;
padding:0px;
text-align:center;
}
#container{
position:relative;
margin:0 auto 0px auto;
}
#wrap{
width:100%;
height:200px;
border: 1px solid #0099FF;
position:fixed;top:0;}
#t1{
width:660px;
height:200px;
border: 1px solid #0099FF;
margin-top: 40px;
}
为什么那个#wrap的属性 position:fixed;top:0; 不是是屏幕那么宽,而是left起点与下面那个t1相同?
虽然#wrap继承的父类container,但是我的container没有设置宽度啊?
请问这是什么原理呢?
我想达到我的要求又该怎么弄呢??
还望各位指教!!
作者: wangxiaolin5288 发布时间: 2011-10-30
补充一下div的关系
<body>
<div id="container">
<div id="wrap"></div>
<div id="t1"></div>
</div>
</body>
<body>
<div id="container">
<div id="wrap"></div>
<div id="t1"></div>
</div>
</body>
作者: wangxiaolin5288 发布时间: 2011-10-30
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28