关于盒模型

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

慕斯6373265

2019-01-30 22:04

https://img.mukewang.com/5c51ae240001909004090361.jpg按我理解border是红框,红色箭头就是padding,可是这样padding为什么不是一样的呢?代码padding部分没有分别设置上下左右统一的100px这一点没搞明白,还有一点就是,witdh与height设置的是分别是黑箭头与黄箭头的长度吗?

写回答 关注

1回答

  • qq_慕标6171462
    2019-01-31 12:02:08

    我觉得padding上下左右默认是一样的但不是100px(可以设置),你设置一个border看看,它跟内容之间的宽度就是padding(你可以设置一行或几行内容去观察,假如这行内容未满,我理解为剩下的是空格),还有width是内容宽度即黑色箭头,height也是黄箭头。我也新手,我的理解就这样,希望能帮到你。

    慕勒4002... 回复慕斯6373...

    体现填充效果,border是设置宽和高就是设置一个框框,,padding是设置上右下左填充的4个位置,而且值可以不一样.

    2019-02-22 08:37:24

    共 2 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225294 学习 · 18230 问题

查看课程

相似问题