网站建设资讯

NEWS

网站建设资讯

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

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比余庆网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式余庆网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖余庆地区。费用合理售后完善,十年实体公司更值得信赖。

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

此时的效果是:

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


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

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

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


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

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

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

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

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

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


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

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

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


分享标题:父子元素都有定位属性子元素的width的效果
标题来源:http://cdweb.net/article/gddosp.html