2023年7月10號 浮動

2021-08-03 15:47:37 字數 760 閱讀 8006

一:浮動的定義

css的浮動,更準確的說是水平浮動

元素的水平浮動,意味著元素只能左右浮動,而不能上下浮動

乙個浮動的元素會盡量向左或向右移動,直到它的外邊框遇到了包含框或另乙個浮動的邊框為止

浮動元素之後的元素將圍繞它(此處指的是影象布局)

浮動元素之前的元素不受影響。

二:浮動的特性

①浮動的元素脫離標準文件流

②浮動的元素相互貼靠

③浮動的元素具有「字圍」現象

④浮動的元素會對後面的元素造成影響

三:清楚浮動的影響方法

①給父盒子加上高度:因為我們的元素基本上是由內容撐起高度,不會給固定的高度。

②給後面的父盒子加上clear:both(清除浮動,但是父盒子的margin失效了:父盒子塌陷了)會引起父盒子的margin失效,不推薦使用

③外牆法:在浮動的兩個父盒子之間加上乙個div,這個div樣式為clear:both,這個時候,浮動清除了。margin也出現了。但是父盒子還是沒有高度

④內牆法:(在浮動的父盒子最前面或者最後面加上乙個div,這個div的樣式為

clear:both)這個時候父盒子有了高度。但是頁面中出現了很多無用的div

⑤overflow:hidden(給第乙個浮動的父盒子加上這個屬性,也能清除浮動,本意是溢位盒子的部分隱藏起來),這種方法,既能清除浮動,又能讓盒子有了高度,還不會出現多餘的空盒子。所以,這種方法推薦使用

2023年8月10號提高組T3 樹

給你一棵大小為n的有根樹,每個點有點權,要求完成以下操作 v x y把點x的權值變成y e x把有根樹的根變為x q x查詢點x的子樹的最小值 第一行兩個整數n,m,表示點數和運算元。接下來n行,每行兩個數f,v,第i行的兩個數表示i的父親和i的權值,且保證f接下來m行,每行表示乙個操作。對於每個q...

2023年8月10號提高組T2 飛行

description 有n個城市,編號為0到n 1。小b想從城市s到城市t。他們選擇了一家航空公司,這家公司有m種航線,每種航線連線了兩個不同的城市。看在小b是個妹子的份上,航空公司的老總給了小b一點優惠 小b可以免費在最多k種航線上搭乘飛機。問小b最小花費是多少。input 第一行三個整數n,m...

2023年5月19號課堂筆記

2017年5月19號 星期五 空氣質素 輕度霧霾 備註 5月21號補上周五課堂筆記 一 span標籤的使用 仿寫老師 大江東去,浪淘盡,千古風流人物。故壘西邊,人道是,三國周郎赤壁。亂石穿空,驚濤拍岸,捲起千堆雪。江山如畫,一時多少豪傑。遙想公瑾當年,小喬初嫁了,雄姿英發。羽扇綸巾,談笑間,檣櫓灰飛...