辛星與您徹底解決CSS浮子（下乙個）

2021-09-07 01:17:01 字數 1605 閱讀 3197

上述部落格文章，我們解釋如何使用css浮子，這是乙個看我們如何解釋清除css浮子。其實css浮動是很清楚easy，只需要使用clear它財產，至於如何利用好它。很多人可能會表決霧，我是個新手的時候還經常迷路，清除浮動是個隨機事件一樣，當然。它不是，它的規律性非常強，就讓辛星來給您剖析一下這個規律把。

首先還是上面的html檔案，它的內容例如以下：

區塊1


區塊2區塊3


區塊4
然後是以下的css檔案，我們還是摘抄一下：

#demo1


#demo2


#demo3


#demo4
事實上要用clear清除浮動，緊緊抓住定義就能夠了：clear的取值能夠有四個，各自是none，left，right和both。

大家一定要注意一點，那就是它是清除浮動，它清除的誰的浮動，它清除的是前乙個的浮動，比方clear:none。這個和沒寫一樣。clear：left表示假設前乙個是浮動元素，那麼它不能在該元素的左邊浮動，即假設我的clear屬性是left。我絕對不同意有乙個在我左邊浮動的元素，取值為right即我不同意我的前乙個在我右邊浮動，取值為both，即我不同意我的前乙個元素在我不論什麼一邊浮動。

我們能夠讓區塊2右浮動，讓區塊3清除浮動，可是它本身不浮動。區塊4也不浮動，那麼**例如以下：

#demo1


#demo2


#demo3


#demo4
效果圖例如以下：

那可能有人會問了：星哥。假設區塊三使用clear：left。是不是就會緊挨著區塊1了。答案是這種，我們改動css**例如以下：

#demo1


#demo2


#demo3


#demo4
結果圖例如以下：

以下是效果解說：

那麼此時大家可能會想。假設我的區塊四清除了右浮動又該怎樣呢?

此時css**變成：

#demo1


#demo2


#demo3


#demo4
此時的效果例如以下：

到這裡，我要講的就所有講完了。當我還是個小菜鳥的時候，也是一頭霧水。聽得迷迷糊糊。可是。我看了n多人的部落格，聽了n多人的解釋，最終明確了。

當然。我敢肯定，我看的那些部落格裡有錯誤的解說，但這在絕對正確性可以放心。。。

辛星與您解讀PHP的遞迴

其實遞迴放到其他程式語言裡面可能是初學函式的乙個練習題，但是由於php的特殊性，我們把它拿出來專門講解一下，首先說一下什麼是遞迴把，我最早認識遞迴是求乙個數的階乘，比如我們寫乙個函式，然後求它的階乘是多少。看下面的php 求n！的值 function xin n else echo xin 4 它的...

辛星和你徹底搞清CSS中的相對定位和絕對定位

前面我在解讀css中也說過了關於相對定位和絕對定位的問題，無奈還是有些童鞋表示迷茫，於是另開一篇部落格，來詳細解讀相對定位和絕對定位，希望能夠以我的點點星光，讓後來者少走彎路。所謂相對定位，就是設定為相對定位的元素會偏移某個距離，元素仍然保持原來的樣式，它會保留該html元素的空間，比如我們看如下 ...

辛星和你徹底搞清CSS中的相對定位和絕對定位

前面我在解讀css中也說過了關於相對定位和絕對定位的問題。無奈還是有些童鞋表示迷茫，於是另開一篇部落格，來具體解讀相對定位和絕對定位。希望可以以我的點點星光，讓後來者少走彎路。所謂相對定位，就是設定為相對定位的元素會偏移某個距離，元素仍然保持原來的樣式，它會保留該html元素的空間，比方我們看例如以...