请教老师一个问题
一个问题:
如果单把box4写成position:absolute; 为什么之前定义的宽度在box4上就没了?自动变成block元素的默认值了(占满一整行)
但如果把box3写成position:absolute; 或 position:relative;任意一种 然后再把box4写成position:absolute;宽度什么的就没问题?
2016-01-23
改了下加了盒子模型,又发现一个问题:absolute计算父元素节点位置时从边框为0算起(但默认位置不是) 左右上下貌似还要算padding的距离 relative则不用。
#box3{
width:400px;
height:400px;
padding:20px;
margin:20px;
border:15px solid red;
position:relative;
}
/*box3的padding厚度20px*/
#box4{
width:99%;
position:absolute;
left:0;
/*box4的absolute left定位如果0px则紧贴左侧边框内侧(默认位置为padding的宽度20px),如果改为relative则left:0依然保留padding留白*/
}
举报