margin的值为百分比时,4个外边距的值都是参照其包含块的宽度进行计算的
2014-08-07 17:17
246 查看
<!DOCTYPE html> <html> <head> <title>This is Title</title> <meta charset="UTF-8"> <style> *{margin:0;padding:0;} div{width:500px;height:300px;background:red;border:1px solid #000;} /*margin:150px 150px 150px 150px;*/ p{background:green;margin:30% 30%;width:200px;} </style> </head> <body> <div> <p>Hello World</p> </div> </body> </html>
些时,p元素的margin相当于margin:150px 150px 150px 150px;而不是margin:150px 90px 150px 90px;
相关文章推荐
- CSS笔记——padding,margin为百分比计算时的参照对象
- margin-top/bottom(padding-top/bottom)百分比以祖级宽度计算
- margin-left是做边距,是宽度 left是定位盒子左上角左边位置的一个点
- 关于margin百分比计算的一个困惑
- margin,padding,position固定的值都是轻松的应用百分比呢?
- padding-top的值用的是百分比,实际显示的不是父元素高度的百分比,而是宽度的百分比!margin-top同理
- margin-top、padding-top的值是百分比该如何计算
- 郁闷,相对定位,宽度与内边距的计算问题
- 报告一个IE很奇葩的滚动条问题——百分比计算宽度为浮点数时的滚动条显示异常
- Lua判断字符串中包含中文字符的方法和计算字符串宽度函数分享
- margin 百分比是按参照物来计算滴 不知道吧?
- div内部div居中,对内部div设置宽度,再设margin:0 auto(先上下边距,后左右边距)
- Windows下编译SDL的理由我就不多说了,无论用VS来编译或调试SDL库都是很方便的。而且SDL源代码中也包含了VC工程,你所要做的只是解压VC工程,进行适当的配置,然后编译、调试。
- 注意padding-top 百分比定义基于父元素宽度的百分比上内边距!!是基于宽度
- css padding-top padding-bottom margin-top margin-bottom采用百分比时参照对象
- 在特定的屏幕宽度下,合理排版页面元素。根据width进行计算得出
- CSS中的框模型(box model)/margin、padding、border介绍/ 外边距层叠collapsing计算
- Ueditor1.4.3上传图片参照宽度或高度进行压缩(默认最长边)
- 当margin和padding的值是百分比时,应该如何计算的?
- margin百分比的相对值--宽度!