l为什么给li加padding之后会增加它的宽度
为什么给li加padding之后会增加它的宽度
为什么给li加padding之后会增加它的宽度
2017-05-02
刚好在看慕课网关于下拉菜单的视频。我看了一遍,觉的掌握了,可是当自己去敲代码的时候,反而出问题了。所以就慢慢研究了以下。恰好也是关于li 标签的宽度的问题。
关于题主的问题,作答如下:
第一中情况:如果你的 li 标签设置了固定宽度的话,当你再设置padding的时候,li 标签的占位宽度(content+padding+border+margin)肯定会增加。这一点上面那个人已经说的很清楚了。
第二种情况:没有设置 li 标签的宽度,但是为什么设置padding,li 标签的内容宽度(content)会增加呢?我也是碰到了这个问题。我发现当设置 li 标签的padding:0 10px;的时候;li 标签的内容宽度(content)就会在原有的基础上 增加20px,(content的宽度=li标签的原有宽度 + 20px)。这个知识点,你可以记以下。2017.07.12
刚好在看慕课网关于下拉菜单的视频。我看了一遍,觉的掌握了,可是当自己去敲代码的时候,反而出问题了。所以就慢慢研究了以下。恰好也是关于li 标签的宽度的问题。
关于题主的问题,作答如下:
第一中情况:如果你的 li 标签设置了固定宽度的话,当你再设置padding的时候,li 标签的占位宽度(content+padding+border)肯定会增加。这一点上面那个人已经说的很清楚了。
第二种情况:没有设置 li 标签的宽度,但是为什么设置padding,li 标签的内容宽度(content)会增加呢?我也是碰到了这个问题。我发现当设置 li 标签的padding:0 10px;的时候;li 标签的内容宽度(content)就会在原有的基础上 增加20px,(content的宽度=li标签的原有宽度 + 20px)。这个知识点,你可以记以下。2017.07.12
举报