父子元素都有定位属性子元素的width的效果

1 父元素有定位属性,子元素没有定位属性+100%width,此时是什么效果?

父子元素都有定位属性子元素的width的效果

此时的效果是:

父子元素都有定位属性子元素的width的效果


2 父元素所有属性不变,给子元素添加absolute,此时的效果是?

父子元素都有定位属性子元素的width的效果

父子元素都有定位属性子元素的width的效果



3 如果把子元素换成fixed属性,此时是什么效果?

父子元素都有定位属性子元素的width的效果

父子元素都有定位属性子元素的width的效果

4 把子元素换成relative,此时的效果?

父子元素都有定位属性子元素的width的效果

父子元素都有定位属性子元素的width的效果


比较: 子元素为absolute+left+top 和relative+left+top的情况对比:

父子元素都有定位属性子元素的width的效果

父子元素都有定位属性子元素的width的效果

上一篇:前端学习笔记--CSS布局--层定位


下一篇:css3动画风景图