CSS中的单位和百分比计算-创新互联

CSS中的单位

10年积累的成都网站设计、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有牟定免费网站建设让你可以放心的选择与我们合作。

绝对单位

in-英寸；

cm;

mm;

pt-磅

相对单位

em-与元素字号挂钩；

rem-与根元素字号挂钩；

px-与css像素挂钩

%-另一属性值的百分比

CSS中可以取百分比的属性

定位：top, right, bottom, left

盒模型：width,height, margin,padding

背景：backgroug-position, backgroud-size

文本：text-indent

字体：font-size

百分比是如何计算的

百分比的计算是相对一个基数的，这个基数与当前元素的包含块有关。

基于包含块的宽度来计算的属性：margin, padding, width, max-width,min-width, left, right, text-indent.

基于包含块的高度来计算的属性：top，bottom，height，max-height，min-height

基于当前字体大小来计算的属性：line-height

基于line-height来计算的属性：vertical-align

基于元素本身的宽高：background-position：背景图像的位置，分别设置水平方向和垂直方向上的两个值，如果使用百分比，那么百分比值会同时应用于元素和图像。例如 50% 50% 会把图片的（50%, 50%）这一点与框的（50%, 50%）处对齐，相当于设置了 center center。同理 0% 0% 相当于 left top，100% 100% 相当于 right bottom

基于元素本身的宽度：background-size但此值只能应用在块元素上，所设置百分值将使用背景图片大小根据所在元素的宽度的百分比来计算

以上就是CSS 尺寸的百分比的详细内容，更多请关注创新互联成都网站设计公司其它相关文章！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：CSS中的单位和百分比计算-创新互联
分享URL：https://www.cdcxhl.com/article38/dgddpp.html

成都网站建设公司_创新互联，为您提供企业建站、响应式网站、全网营销推广、企业网站制作、网站改版、移动网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联