CSS之浮動的兩個應用

這裡說明兩個float 的使用場景：

這是float出現的本質原因，就是為了實現文字環繞效果;

在實際**開發中，會經常出現多個div需放在一行的情況。

一、 實現文字環繞效果的float

但其實這是利用了浮動的破壞性，此外浮動還有個包裹性，即父元素容器的寬度與其裡面的文字長度有關，下面乙個程式可以體現破壞性和包裹性。

按鈕       

包裹功能：即div容器的寬度隨裡面文字的長度而變化
inline-block可以實現包裹
按鈕2 
float也有包裹功能
但是float:left會影響到標準流中其他的元素的布局，即浮動的破壞性
按鈕 
包裹功能：即div容器的寬度隨裡面文字的長度而變化
按鈕2 
float也有包裹功能

二、我們都知道div是塊級元素，所以乙個div會占用頁面中的一行，那麼如何使得多個div放在一行？方法有兩種：

設定div的樣式如下：

div

float：left;  /*應用此樣式的元素會向左邊和上邊去靠，直到遇到邊界為止。*/

/*float:right*/

div1

div2
div3
div4

/*初始化*/

body
/*大盒子樣式*/
.div1
/*小盒子樣式*/
以下分別是：父容器不夠寬以及各個div高不一致的情況，這裡**不再贅述。
注意最後這種情況，div4會與div3的下邊界保持在一條線上。
 
兩個css之間的切換
需求 頭部兩個按鈕 兩種樣式之間的切換 解決辦法 結合jq 三目運算 來處理 第一步 把需要切換的樣式設定為樣式裡背景，這樣做的目的為了避免 js裡出現過多 css 二來這樣會顯得更加的清晰，明了 第二步運用jq 和 三目運算進行樣式的快捷切換 此處強調下 採用三目運算的目的是為了篩選樣式名，避免i...
js generator的兩個實際應用
generator作為乙個用來操作非同步的狀態機，遇到yield停止，通過呼叫next 來繼續操作。今天就用generator來舉例兩個實際開發中的應用。function draw count 次機會！1000 function generatordraw count let begindraw g...
css 讓兩個div重疊
做網頁的時候在div裡放了乙個別的網頁的天氣外掛程式，但是點選了會跳到廣告頁面的，想去網上找個禁止div點選的方法，可是發現沒有，用了js的方法好像也沒有成功，後來覺得還是用兩個層重疊的方法來阻止點選，雖然定位是有點麻煩 relative是相對定位的意思。absolute是絕對定位，很奇妙少了乙個都...