你的位置:首页 > 网页设计

[网页设计]width和padding之间的关系介绍

width和padding之间的关系介绍:
本章节简单介绍一下width和padding之间的关系。
主要的疑惑在于,width到底包不包含padding,其实他们的关系非常的单纯,根本不搭调。
之所以会有很多朋友将其搞混是因为他们将width属性和元素的宽度这两个概念混为一谈了。
width属性值并不一定就是元素的实际宽度,看如下代码实例:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#top{ width:300px; height:150px; background:#CCC; margin-bottom:20px;}#bottom{ width:300px; height:150px; background:#CCC; margin-bottom:20px; padding-left:50px;}</style></head><body><div id="top">蚂蚁部落</div><div id="bottom">蚂蚁部落</div></body></html>

 

从上面的代码可以看到width就是width,padding就是padding。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16797

更多内容可以参阅:http://www.softwhy.com/divcss/

 


普吉岛旅游团购普吉岛蜜月旅游暑假去普吉岛旅游价格普吉岛旅游6天普吉岛旅游费用多少推介重庆:要向全国人民讲好巴渝故事 陕西中汉 探访全国首家蔡伦纸文化博物馆 广南坝美摇舟秘洞怎么样?好玩吗? 雾霾再袭 沈阳东陵清肺之旅 滨江幻彩摩天轮有学生票吗?中山兴中广场摩天轮学生票多少钱? 滨江幻彩摩天轮怎么走?中山兴中广场摩天轮乘车路线? 滨江幻彩摩天轮团购?中山兴中广场摩天轮优惠政策? 滨江幻彩摩天轮几点开门?中山兴中广场摩天轮开门时间? 韶关丹霞山有公交直达南华寺吗? 清明节广州哪好玩?广州周边游推荐? 广州清明节有什么好玩的?清明节广州周边旅游 清明节广州有什么登山的地方吗? 深圳圣诞节去哪玩?深圳圣诞节哪里有活动? 澳大利亚旅游局办洽谈会 近三百名中国业界一线人员“相聚澳洲” 寻找历史的痕迹 山西的东南西北四极在哪里 深圳天下第一农庄四季游玩特色?天下第一农庄最佳游玩季节? MPC940LFAR2 Datasheet MPC940LFAR2 Datasheet IDT5T2110NLGI8 Datasheet IDT5T2110NLGI8 Datasheet IDT70V07S35PF Datasheet IDT70V07S35PF Datasheet 广州到成都杜鹃城遗址旅游 广州到成都杜鹃城遗址旅游 广州到成都杜鹃城遗址旅游 广州到成都干龙池旅游 广州到成都干龙池旅游 广州到成都干龙池旅游 广州到成都古蜀船棺合葬墓旅游 广州到成都古蜀船棺合葬墓旅游 广州到成都古蜀船棺合葬墓旅游