注意padding-top 百分比定义基于父元素宽度的百分比上内边距!!是基于宽度

简介: 定义和用法 padding-top 属性设置元素的上内边距(空间)。 说明 该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。

定义和用法

padding-top 属性设置元素的上内边距(空间)。

说明

该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。不允许指定负内边距值。

注释:不允许使用负值。

默认值: 0
继承性: no
版本: CSS1
JavaScript 语法: object.style.paddingTop="10px"

可能的值

描述
length 规定以具体单位计的固定的上内边距值,比如像素、厘米等。默认值是 0px。
% 定义基于父元素宽度的百分比上内边距。此值不会如预期的那样工作于所有的浏览器中。
inherit 规定应该从父元素继承上内边距。
如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
7月前
|
前端开发
常用单位 px像素 %百分比 rem em vw vh pt磅值
常用单位 px像素 %百分比 rem em vw vh pt磅值
|
4月前
|
前端开发
css如何将border线加到元素内部,占内边距,不占外边距
css如何将border线加到元素内部,占内边距,不占外边距
52 0
|
前端开发
css:grid布局子元素被撑开导致没有按比例均分
css:grid布局子元素被撑开导致没有按比例均分
273 0
css:grid布局子元素被撑开导致没有按比例均分
div高度自适应宽度按比例放大
导语:我们经常会碰到这样的需求:要求div高度跟随宽度变化而变化。在手机端,一张图片作为div的背景图,图片宽高比不一致,并要求div宽高比与图片宽高比一致;怎么实现这种需求呢? 原理 padding-top: 50%;用这个属性的百分比,padding-top的百分比是相对于父元素的宽度,比如:...
1674 0
|
Web App开发 前端开发 iOS开发
|
容器 前端开发