ul的宽度是100px,就算padding:10px,li的宽度怎么会成110px,为啥不是换行呢

叫叫叫兽3370901

2016-06-06

源自：导航条菜单的制作 1-1

关注问题我要回答

968

操作

收起

3 回答

深夏之叶
2016-10-03

第一张图是我写代码验证的a标签的盒子模型图，第二张图是对应的li标签的盒子模型图，我设置a标签的padding-left为10px之后，在li标签中的盒子模型中宽度是130，而不是140呀。不懂为什么老是那里说整体的宽度还会再增加10。

0 回复有任何疑惑可以回复我~

收起回答

传说中的小白龙
2016-06-08

这个问题在这个连接里可以获得解释。

盒子模型概述

0 回复有任何疑惑可以回复我~

收起回答

肥饼____
2016-06-06

首先你要明白盒模型的宽度是怎么计算的，是margint+padding+width/height，所以会变成110px,换行说的是内容区域也就是文字部分，你可以尝试多打几个字就会换行了

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

进入课程

ul的宽度是100px,就算padding:10px,li的宽度怎么会成110px,为啥不是换行呢

我要回答关注问题

热搜

最近搜索清空

ul的宽度是100px,就算padding:10px,li的宽度怎么会成110px,为啥不是换行呢

3 回答

ul的宽度是100px,就算padding:10px,li的宽度怎么会成110px,为啥不是换行呢