css3-9 css中的浮動(dòng)怎么使用

一、總結(jié)

一句話總結(jié)：用來做一般的行效果，比如說手機(jī)左右分布的頭部導(dǎo)航欄。浮動(dòng)的東西放到一個(gè)div中去，里面的內(nèi)容根據(jù)需求左浮動(dòng)或者右浮動(dòng)，然后記得加上清除浮動(dòng)。然后這整個(gè)div就是一個(gè)整體了。

1、clear both的最常用的作用是什么？

撐開盒子

因?yàn)閐iv中的元素如果都浮動(dòng)的話，盒子會(huì)縮回去，也就是寬變成0，clear both 防止盒子縮回去。

2、浮動(dòng)和定位的聯(lián)系和區(qū)別是什么？

都脫離文檔流

定位可以滿世界亂跑，浮動(dòng)只能在原先文檔流行的左邊和右邊浮起來。

浮動(dòng)：你之前在文檔流的哪個(gè)位置，你浮動(dòng)之后還在文檔流的哪個(gè)位置，只不過是左邊還是右邊。

3、clear left的通俗意思是什么？

我的左邊不能有人，有人的話，我寧可去第二行

4、浮動(dòng)的一般用法是什么(應(yīng)用場景和使用方法)？

用來做一般的行效果，比如說手機(jī)左右分布的頭部導(dǎo)航欄。

浮動(dòng)的東西放到一個(gè)div中去，里面的內(nèi)容根據(jù)需求左浮動(dòng)或者右浮動(dòng)，然后記得加上清除浮動(dòng)。然后這整個(gè)div就是一個(gè)整體了。

5、多個(gè)浮動(dòng)的塊標(biāo)簽為什么可以放在一行？

浮動(dòng)可以脫離文檔流，塊標(biāo)簽脫離文檔流就失去了獨(dú)占一行的特點(diǎn)。

浮動(dòng)用于塊標(biāo)簽，讓快標(biāo)簽的獨(dú)占一行的功能消失

二、css中的浮動(dòng)怎么使用

1、相關(guān)知識

清除浮動(dòng):

1.clear:left

#浮動(dòng)之后左側(cè)不能有人

2.clear:right

#浮動(dòng)之后右側(cè)不能有人

3.clear:both

#浮動(dòng)之后左右都不能有人

#可以有效的防止盒子回縮

2、代碼

float浮動(dòng)和清除浮動(dòng)

1

2

3

4

5

index

6

7 *{

8 font-family:微軟雅黑;

9 margin:0px;

10 }

11

12 .img{

13 background:#ccc;

14 width:200px;

15 height:200px;

16 float:left;

17 margin-left:100px;

18 }

19

20 .row{

21 margin-bottom:10px;

22 }

23

24

25

26

27

28

29

總結(jié)

以上是生活随笔為你收集整理的css现在还用浮动吗,css3-9 css中的浮动怎么使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。