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

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

18.jpg

此时的效果是:

19.jpg


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

20.jpg

21.jpg



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

23.jpg

22.jpg

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

24.jpg

25.jpg


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

26.jpg

27.jpg

猜你喜欢

转载自blog.51cto.com/11871779/2381734