您的位置:首页 > CSS入门 >

 

css padding与宽度width关系

 

css padding-left padding-right与width宽度关系

padding是设置对象盒子边框内间距距离(对象与内容间距),设置padding-left和padding-right多少宽度将会增加多少。

也就是padding-left或padding-right或同时设置padding-left和padding-right值时,设置多少对象宽度将会增加多少,只是内容部分宽度没有增加,增加总宽度只不过是边框到内容间距增加。

padding与宽度关系实例说明图
padding与宽度关系实例说明图

从上实例分析图看出,DIV设置宽度200px,padding-left设置30px,实际得到此DIV盒子总宽度230px。

总结:设置CSS padding是会增加对象宽度和高度尺寸的,所以在实际布局时候要计算好宽度,如果要规定总宽度,别忘记设置padding要减去相应设置值,达到布局宽度要求。

标签(Tag): 宽度
本文分享URL地址:http://www.css5.com.cn/css/1269.html

更多

上一页: 上一篇:div设置float
下一页: 下一篇:css padding-top样式教程

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2017-02-15     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/css/1269.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!