课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
在11-5“什么是盒模型”的教学视频里面说,元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距?
2017-12-08
源自:初识HTML(5)+CSS(3)-升级版 12-7
正在回答
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。
因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
为什么内容会有宽度这种奇葩的东西
设置了外边距,则宽度就要加上,没设置外边距他就不用加上。
元素的实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
div{padding:20px 10px 15px 30px;} 这是填充的上右下左顺序来的
div{margin:20px 10px 15px 30px;}这是边界的上右下左顺序来的
weibo_郑少Z丶Y_0
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答关于左右边距
10 回答明明设置的是上下左右10px的内边距,为什么距离不一样?
2 回答内外边距?
1 回答为什么还有左外边距?
1 回答box1左边边距的疑问