-
使用absolute实现横向两列布局： ——常用于一列固定宽度，另一列宽度自适应的情况。 主要应用技能： 1.relative--对父元素进行相对定位； 2.absolute--对需要自适应宽度的元素进行绝对定位。 需要注意的是：固定宽度列的高度>自适应宽度的列查看全部
-
浮动，绝对定位没有设置宽度时，div宽度跟着内容走查看全部
-
4个属性值：1.static(静态定位)2.relative（相对定位）3.absolute（绝对定位）4.fixed（固定定位） （静态定位：'static',相对定位:'relative'，绝对定位："absolute&fixed"）查看全部
-
盒子3D模型查看全部
-
#wrap{width:770px; margin:10px auto;}自动拒中，不可使用position的固定边框查看全部
-
横向两列布局 float属性是纵向排列的块级元素横向排列，margin设置两列之间的间距 自动居中要使用wrap层将页面包裹起来 父级包裹元素未设置浮动，子元素设置float,父级元素高度无法扩展,缩成一条，需要清除浮动影响.但是不能使用clear:both属性，因为clear是针对紧邻其后的元素使用。此时需要使用 overflow:hidden 清除浮动影响。查看全部
-
margin不能与float和position同时使用，否则居中效果不管用 自动居中 包裹层 设置 margin: 0 auto； （在没设置浮动或绝对定位的前提下）查看全部
-
通过float属性进行横向排列，三个属性值，元素会左移动或右移动，直到碰到容器为止。 特别注意，设置了浮动的元素，还是在标准文档中，还是占据其位置。 当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。 当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。查看全部
-
当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素查看全部
-
盒子3D模型查看全部
-
彩蛋..查看全部
-
1.盒子3D模型：从外到内分别为：border，content+padding，background-image，background-color，margin 2.class=a空格b 使其具有两个class的样式 3.浏览器会默认加一个边框，一开始进行代码初始化 *{margin=0;padding=0;}查看全部
-
因为a元素为静态定位，所以要以根元素为基准进行偏移，也就是html元素。查看全部
-
相对定位： 相对于自身原有位置进行偏移。 仍然处于标准文档流中。 随即拥有偏移属性和z-index属性。查看全部
-
absolute与fixed都属于绝对定位。查看全部
举报
0/150
提交
取消