lianghuan9的博客

1.加了绝对定位的盒子不能通过margin: 0 auto水平居中，但是可以通过以下计算方法实现水平和垂直居中。2.块级元素添加绝对或者固定定位，如果不给宽度或者高度，默认大小是内容的大小。1.left:50%:让盒子的左侧移动到父级元素的水平中心位置。浮动元素，绝对定位和固定定位元素的都不会触发外边距合并的问题。1.行内元素添加绝对或者固定定位，可以直接设置高度和宽度。绝对定位（固定定位）会压住下面标准流所有的内容。4.浮动的元素不会压住下面标准流的文字（2.绝对定位和固定定位也和浮动类似。

1.和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。等。 他们同时具有块元素和行内元素的特点。~等。3.高度，行高，外边距以及内边距都可以控制（块级元素特点）2.默认宽度就是它本身内容的宽度（行内元素特点）1.相邻行内元素在一行上，一行可以显示多个。2.高度，宽度，外边距及内边距都可以控制。1.比较霸道，自己独占一行。

任何元素都可以浮动，不管原先是什么 模式的元素，添加浮动之后具有行内块元素 相似的特性。固定定位是元素固定于浏览器可视区的位置，主要使用场景：可以在浏览器页面滚动时元素的位置不会改变。1.以浏览器的可视窗口为参照点移动元素（固定定位特点）固定定位也是脱标的，其实固定定位也可以看做是一种特殊的绝对定位。1.脱离标准普通流的控制（浮）移动到指定位置（动），（俗称脱标）相对它原来位置（自恋性）），保留它原来位置（继续占有,停职留薪）元素在移动位置是相对于祖先元素的（拼爹型）以最近一级的有定位祖先元素为参考点。

变 |list-style: none;:focus伪类选择器用于获得焦点的表单元素。链接伪类顺序 loha。背景内容随对象内容滚动。

3.行内元素或者行内块元素水平居中给其父元素添加text-align:center。1.外边距让块级盒子水平居中。1.行高等于盒子高度。2.内边距让内容居中。

display: block显示（除了用于块级转换，同时还有显示元素的意思）visibility: visible;Visibility隐藏元素后，继续占有原来的位置。display隐藏元素后，不再占有原来的位置。

注：行内元素为了照顾兼容性，尽量只设置左右外边距，不要设置上下内外边距，但是转换为块级和行内块就可以了。1.可以为父元素定义上边距。2.可以为父元素定义上边距。布局前先清除网页的内外边距。3.可以为父元素添加。

right不允许右侧有浮动元素（清除右浮动的影响。both同时清除左右两边浮动的影响。选择器{clear:属性值；} left不允许左侧有浮动元素（清除左浮动的影响）闭合浮动，只让浮动在父盒子内部影响，不影响父盒子外面的其他盒子。清除浮动的本质是清除浮动元素脱离标准流造成的影响。代表网站： 百度、淘宝网、网易等。优点：没有增加标签，结构更简单。缺点：无法显示溢出的部分。缺点：照顾低版本浏览器。缺点：照顾低版本浏览器。代表网站：小米、腾讯等。1.清除浮动本质是？2.清除浮动策略是？