-
使用absolute实现横向两列布局时，需要注意，固定宽度列的高度应该大于绝对定位列的高度查看全部
-
使用absolute实现横向两列布局查看全部
-
绝对定位的特点查看全部
-
相对定位的特点查看全部
-
定位（position）： 1、静态定位（也就是普通文档流）：static 2、相对定位（相对于元素本身位置定位）：relative 3、绝对定位（相对于最近的非static定位的祖先元素或者根元素定位）：absolute 4、固定定位（相对于浏览器视窗定位）：fixed查看全部
-
对父元素设置overflow:hidden可以消除浮动对于父元素的影响查看全部
-
清除浮动： 1、对浮动元素的紧邻后续块元素使用clear属性（clear: both） 2、浮动元素的紧邻后续块元素或浮动元素的父元素设置width:100%和overflow:hidden 3、在浮动元素的紧邻后续块元素之前加一个空标签（不推荐使用）查看全部
-
设置了浮动属性（float）的元素： 1、会向指定方向（left或right）一直移动，直到容器边缘； 2、处于标准文档流中； 3、若不设置宽高，则以内容的宽高为准； 4、仅对紧邻的后续元素造成影响查看全部
-
W3C标准由万维网联盟制定的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript），倡导结构、样式、行为分离。 CSS中的三种定位机制： 1.标准文档流（Normal flow） 2.浮动（Floats） 3.绝对定位（Absolute positioning 定位机制： 标准文档流 Normal flow （从上倒下 从左到右，输出文档内容，块装元素-独占一行，碰到边缘则自动换行。div ul li dl dt p...） (行级元素，内容能在同一行显示，不会改变文档的结构， span strong img input ) 浮动 floats 绝对定位 absolute positioning 块级标签和行级标签 都是盒子模型查看全部
-
设置成浮动后，宽度得不到保证查看全部
-
1.当一个div设置成浮动后，他的大小得不到保证，会缩成一个小圆点查看全部
-
自动居中代码：margin：0px auto; width:80%查看全部
-
1.请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin查看全部
-
【编程练习】 小伙伴们，学习完《盒子模型》的相关内容，接下来练习一下吧！完成下面的任务，看一下你的成果哦！ 温馨提示：完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则请重复学习此节内容。 【任务】 任务① 请补充使 .content上内边距为44px，左右及下内边距均为15px 任务② 请补充使 .book中的图片添加上1px的#b1adaa色实线边框 任务③ 请设置 .book中的图片上下外边距为10px，左右外边距为18px 最终效果如下图所示：图略。查看全部
-
CSS规定的定位机制有标准文档流，浮动，绝对定位查看全部
举报
0/150
提交
取消