外边距：盒子边框以外的跟其他元素的距离
行内元素的外边距和内边距
不管是外边距还是内边距，行内元素的margin和padding只能在水平方向起到作用，垂直方向不起作用。
盒子的宽和高
整个盒子的占用空间宽度：左边距宽度+padding+width+右padding+右边框
整个盒子的占用空间宽度：上边框宽度+上padding+height+下padding+下边框宽度
外边距合并案例
当两个块级元素，上面块级元素拥有下外边距，下面的块级元素拥有上外边距的时候，两个盒子的上下距离会取两个边距的最大值。
嵌套块元素垂直外边距的合并
对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大值，即使父元素的上外边距为0，也会发生合并。
外边距：盒子边框以外的跟其他元素的距离 行内元素的外边距和内边距 不管是外边距还是内边距，行内元素的margin和...
1、盒模型 答：分为标准盒模型和怪异盒模型（IE盒模型） 标准盒模型：宽高（content）+ padding +...
1、 盒模型 答：分为标准盒模型和怪异盒模型（IE盒模型） 标准盒模型：宽高（content）+ padding ...
盒模型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型 IE盒模型也称border-box。属性width，...
（一）布局 1、html中的标签元素大体被分为三类：块状元素、内联（行内）元素、内联块状元素 1.1、常用的块状元...
前端第四天 目录： 盒模型之display 盒模型之overflow 盒模型之隐藏 盒模型之border 盒模型之...
盒模型 盒模型主要两种，标准盒模型和怪异和模型 标准盒模型：width指content部分的宽度 怪异盒模型：wi...
盒模型 盒模型主要两种，标准盒模型和怪异和模型 标准盒模型：width指content部分的宽度 怪异盒模型：wi...
盒模型 盒模型，可以简单解释为：盒模型用来描述元素所占据的空间。有两种盒模型：W3C盒模型(标准盒模型)和IE盒模...
Q1.简单描述CSS的盒模型 1.盒模型种类：包括标准盒模型和IE盒模型（怪异盒模型） 2.盒模型设置方式：通过b...
本文标题：盒模型笔记续
本文链接：https://www.haomeiwen.com/subject/nckowttx.html
网友评论