為什麼css浮動沒有效果是怎麼回事呢

2022-12-25 22:20:56 字數 2315 閱讀 3608

1樓:划船不動漿靠浪

在css中使用float指定浮動屬性值,該屬性的值指出了物件是否及如何浮動,浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由於浮動框不在文件的標準流中,所以文件的標準流中的塊框表現得就像浮動框不存在一樣。float的基本語法:

float:none | left | right

1、float取值

none: 設定物件不浮動,預設值

left: 設定物件浮在左邊

right: 設定物件浮在右邊

2、float的特性

a)、浮動元素會從標準流中脫離

b)、浮動元素會觸發bfc(塊級元素格式化)、不影響外邊距摺疊

c)、 float元素會變成塊標籤

如果float不是none,當display:inline-table時,display的計算值為table;當display:inline | inline-block | run-in | table-* 系時,display的計算值為block,其它情況為指定值。

float在絕對定位和display為none時不生效: 當display為none時元素會隱藏,所以float意義不大;當position為absolute絕對定位時元素也將從標準流中脫離,元素使用偏移量移動,float特性無效。

浮動元素間會堆疊: 浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止

浮動元素不能溢位包含塊: 浮動元素在包含塊內,當包含塊的寬度不足以容下浮動的子元素時,將自動折行;垂直方向當包含塊認為浮動的子元素沒有高度時,子元素會溢位,bfc能解決該問題。水平方向不會溢位,垂直方向有可能會溢位

清除浮動

該屬性的值指出了不允許有浮動物件的邊。

clear:none | left | right | both

適用於:塊級元素

取值:none: 允許兩邊都可以有浮動物件

both: 不允許有浮動物件

left: 不允許左邊有浮動物件

right: 不允許右邊有浮動物件

2樓:今天你美嗎

有可能是瀏覽器不相容,換用谷歌瀏覽器試試,不行的話就把你的**貼上,我給你看一下怎麼回事

3樓:雲一哥

把你**貼上,我看看

如圖,css清除浮動為什麼沒有效果? 10

4樓:網海1書生

看不出你這**跟原文有何相似之處。人家用的是p標籤,是塊級元素,而你用的span是行內元素,清除浮動對行內元素是無效果的,它會一如既往地緊接在上一個非浮動的行內元素的後面。而一旦給行內元素設定了浮動,則它會自動變成塊級元素(準確說是inline-block)並脫離文件流,而後面的行內元素會自動把它的位置擠開,跟前面的行內元素接在一起。

怎麼解決css浮動?

5樓:跟我一起學程式設計

使用float來使層浮動起來,使用clear:both來清除浮動,一般情況下在一個div中,會有三個層,第一個層左浮動,第二個層右浮動,第三個層用來清除浮動。最外層的層要使用:

overflow:hidden來使外邊框達到內層浮動層的高度。

6樓:匿名使用者

使用css中的clear:both還要新增新增clearfix樣式【by三人行慕課】:

.clearfix:after

.clearfix /* for ie/mac */

7樓:

浮動時請使用xu一然後解決三根。**。

8樓:喜哈品影

做網頁時,利用js**就可以了

9樓:匿名使用者

用偽元素::before, 或是::after

10樓:阪越一夫

明白兩個人還是割捨不下,所以才會復婚的。

關於css浮動在沒有清除浮動,影響失效的疑問?

11樓:網海1書生

float這個屬性的本來目的,是為了產生文字環繞的效果,也就是說「豫」字是左浮動的,那麼其他文字就會自動在它的右邊和下邊進行環繞。

但這種效果僅限於行內元素,如果浮動的是塊級元素,那麼後面的其他塊級元素(非浮動)就會自動跑到浮動元素原來所在的位置,產生遮蓋效果。

你試試下面的**,就會發現很多有趣的東西:

這個是浮動的塊級元素

這個塊級元素會跑到前一個浮動元素的下面,但你會驚訝地發現,文字則是環繞浮動元素的,不會被遮蓋!

為什麼手抖吃了西藥沒有效果,手抖為什麼吃西藥沒效果?

您好。很高興能為您答疑解惑,特發性震顫又稱原發性震顫,是常見的運動疾病之一。不明,包含小腦 丘腦 腦幹的環路受損,可能是原發性震顫的發病原因。主要為手 頭和身體其他部位的姿勢性和運動性震顫。約60 患者有家族史,呈常染色體顯性遺傳,外顯率較高,故該病又稱作家族性震顫。指導意見 如果能排除帕金森病和甲...

調整型內衣到底怎麼樣?有沒有效果的?什麼牌子比較好啊

穿調整型文胸可以讓胸向中間聚攏,我穿的是熱妒調整型文胸,首先說一下,胸部豐滿,背部肉肉多的應該要試試熱妒的那款薄杯的,確實不錯的,我是以前有朋友送過我一件,只此一件又買不到,後來偶然逛到熱妒網上 買來一看,跟那件一模一樣,很喜歡!但是黑色沒有金色的效果好哦,可能因為黑色的碼數不太合適吧!再說熱妒內衣...

為什麼挽回愛情不能卑微,該怎麼做才會有效果

挽回是一門技術活,要找對方法,分手後的二次吸引,氣質和態度等的改變能二次吸引到前任,讓他對你重新燃氣興趣,從而主動進行邀約,這樣成功率會大大提高!如果卑微能換來也好,可是事後你會發現,不值得。感情再深,恩義再濃的朋友,天涯遠隔,情義,終也慢慢疏淡。不是說彼此的心變了,也不是說不再當對方是朋友,只是,...