好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

如何理解css中的float_html/css_WEB-ITnose

我们在CSS 中很多时候会用到浮动来布局。常见的有 float:left 或者 float:right 。简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。

上述这就是我们对于CSS中的浮动的最初步的认识了。下面我就对float进行了一些简单的研究。

有几点需要注意:

1、 浮动元素会被自动设置成块级元素,相当于给元素设置了 display:block (块级元素能设置宽和高,而行内元素则不可以)。

2、 浮动元素后边的非浮动元素显示问题。

3、 多个浮动方向一致的元素使用流式排列,此时要注意浮动元素的高度。

4 、子元素全为浮动元素的元素高度自适应问题。

定义为float以后,将自动变为块级元素

块级元素和行内元素区别:

简单的来说,块级元素独占一行,可以设置宽高以及边距;行内元素不会独占一行,设置宽高行距等不会起效。

常见的块级元素有: h1~h6 、 p 、 div 、 ul 、 table ;

常见的行内元素有: span 、 a 、 input 、 select 等。

浮动元素后的非浮动元素问题

测试代码:    

浮动DIV

查看更多关于如何理解css中的float_html/css_WEB-ITnose的详细内容...

  阅读:37次