css相关笔记（六）

1.元素浮动之后就会转换为行内块儿元素，行内块儿元素不设置高宽时默认由其内容来决定高度和宽度。


2.父容器中子容器全部都浮动时，父容器的高度为0，但是如果所有子容器可以确认高度，那么可以直接设置父容器的高，父容器有具体的高度时，就不会影响后面没有浮动的元素了，一般让父容器自适应子容器的高度，都是因为不确定子容器的高度究竟有多高，例如不同的新闻长短不一，这个时候父容器就需要自适应子容器的高度了，这时候就需要消除浮动带来的影响了，有三种方式：
◆第一种overflow:hidden创建一个bcf添加一个不受浮动影响的环境，但是子元素左右或者上溢出会看不见。
◆在浮动的元素后面加上一个 <div style="clear:both"></div> 也是添加一个bcf，效果作用范围是 父容器到这个div之间，不会因为子元素左右或者上溢出而看不见(可是当浮动元素太多时并且地方都不同时就需要加很多的盒子，所以不推荐使用)。
◆给父容器添加一个伪类选择器，选择器中设置clear:both，作用范围是父容器上边距到下边距之间，也就是作用整个父容器，很好，只需要添
引用即可(强烈推荐)。


3.★通过设置行高的方式让内容在盒子里面居中，这种方式只针对内容文字只有一行的时候，如果内容文字有多行，那么只有第一行才会居中，第二行数据会与第一行数据相隔一行之高。