weixin_46191548的博客

相对定位： 1）、相对的是自身原有的位置 2）、相对定位移动后，会保留原有位置（可以使用定位占用，但普通写法时，无法占用） 3）、不会影响文档流 position:relative; — 开启该元素的定位 具体的位置：left、top //父级 .main{ width: 500px; height: 500px; border:1px solid; position: relative;...

folat:浮动 none:不浮动，默认 left:向左浮动 right:向右浮动 auto:根据自身所占位置，自动居中 1）、自身必须有宽高 2）、inline-block或folat都会使auto失效 3）、需要填写具体值来调整元素位置 浮动产生的影响： 1）、自身的父元素无法获取宽高 2）、后续的元素会自动补位 3）、浮动会脱离当前文档流，覆盖标准流的元素 4）、auto会失效 5）、块元素...

标准盒模型：元素（块元素或内联块）的实际大小 = 内容 + padding + borde , width / height 只是去设置盒模型中的内容区域。 标准盒模型的结构：将文件在浏览器中打开，鼠标右击检查，就可以查看了。 之前所学习的对齐方式：text-align line-height vertical-align全部都是在内容区域中的对齐。 而盒模型的属性是针对整个内容区域来布局调...

块元素：独占一行，可以设置宽高以及内外边距。 行元素：只占内容大小的区域，不可以设置宽高和内外边距。 块元素具备盒模型的属性。 行元素不具备盒模型的属性。 display:元素的显示方式 black:块元素 inline-block:行内块元素（内联块元素） none:无（隐藏）,不单单是视觉上的，页面布局中也彻底消失，不占位置 消除inline-block导致的元素间隔的方法： 方法1：删除标签...