margin-top、padding-top的值为百分比
来源:互联网 发布:拍拍失败淘宝 编辑:程序博客网 时间:2024/05/22 21:28
问题:当margin-top、padding-top的值是百分比时,分别是如何计算的?
A 相对父级元素的height,相对自身的height
B 相对最近父级块级元素的height,相对自身的height
C 相对父级元素的width,相对自身的width
D 相对最近父级块级元素的width,相对最近父级块级元素的width
答案:D
可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)
如果没有为元素声明width,在这种情况下,元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式,使其元素使用百分数外边距,当用户修改浏览窗口的宽度时,外边距会随之扩大或缩小。
为什么margin-top/margin-bottom的百分数也是相对于width而不是height呢?
CSS权威指南中的解释:
我们认为,正常流中的大多数元素都会足够高以包含其后代元素(包括外边距),如果一个元素的上下外边距时父元素的height的百分数,就可能导致一个无限循环,父元素的height会增加,以适应后代元素上下外边距的增加,而相应的,上下外边距因为父元素height的增加也会增加,如果循环。
阅读全文
2 0
- margin-top、padding-top的值为百分比
- margin/padding-top/bottom 的百分比
- margin-top、padding-top的值是百分比该如何计算
- margin-padding-left-top百分比算法
- padding-top margin-top top
- padding-top的值用的是百分比,实际显示的不是父元素高度的百分比,而是宽度的百分比!margin-top同理
- padding top与margin top的区别
- padding-top、margin-top和top的区别
- CSS top、margin-top和padding-top的区别
- padding-top、margin-top和top的区别
- margin-top/top 百分比的是相对谁
- padding-top 百分比黑知识
- margin,padding,top,left,transform:translate(10%,10%)等使用百分比的时候参造物的问题
- top、padding-top、margin-top的区别(以及个人总结)---前端进阶(随笔)
- top、margin-top的区别
- top、margin-top的区别
- top、margin-top的区别
- top、margin-top的区别
- linux安装中文版man
- 计蒜客 最长共公子串
- 视频弹幕Demo
- ajax的跨域处理之JSONP
- Jquery选择器
- margin-top、padding-top的值为百分比
- Idea的.jar包maven管理项目
- 自定义FlowLayout,android flowLayout实现
- 中文乱码问题(编码格式utf-8)
- PI新建一张表之IR篇章
- 看完让你彻底搞懂Websocket原理
- 关于水印叠加
- 安卓layout属性大全
- GreenDao学习路线