BFC 2 我已經把上次的忘了。。

2021-08-08 12:36:02 字數 2423 閱讀 1980

今天早上 在夢中被舍友叫醒起來答題。

《去哪兒????》!!!!!!!!

我起來晚了,在夢中就聽見舍友說:天哪!!!3個全是程式設計題!!!我趕緊起床,都開始了!!!

我開啟一看是1簡答2程式設計,還好吧。然後。。。。

眼睛也睜不開就開始了答題。

簡答題

第乙個就是bfc是什麼?然後讓寫乙個左定位,右平鋪的布局。

bfc:塊級格式化上下文,是用於布局塊級盒子的一塊渲染域。

觸發條件:

(1)position:absolute或fixed

(2)float:不為none

(3)overflow:不為visible

(4)display:為inline-block、table-cell、table-caption

(5)根元素,即html元素

作用:

(1)可以阻止元素被浮動元素覆蓋

(2)可以包含浮動元素解決塌陷問題。

(3)同屬於乙個bfc的相鄰兩個塊級元素的上下margin會發生重疊。

我的測試:

啥都沒有的樣子:

lang="en">

charset="utf-8">

documenttitle>

type="text/css">

.div1

.div11

.div12

style>

head>

class="div1">外面的盒子

class="div11">裡面的盒子1div>

class="div12">裡面的盒子2div>

div>

body>

html>

ok現在開始一點一點加。

給div1加float:left;高度變為字高+div2高。

若div1,div2都float 脫離文件流,則,div塌陷。

div

.div1

.div11

.div12

塌了。。

解決這個問題:

.div1

2、margin共用

共用了:`div

.div1

.div11

.div12`解決這個問題:

.div12

ok了。

恕我直言,那個解決覆蓋的問題,沒研究出來。

額 。。是這樣的。

lang="en">

charset="utf-8">

documenttitle>

type="text/css">

div .div1

.div11

p.div12

style>

head>

class="div1">外面的盒子

class="div11">裡面的盒子1div>

風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎p>

div>

body>

html>

說一下,為什麼形成bfc就可以幹這麼多事了?

因為其他元素脫離了文件流,所以要給他形成自己的bfc中。

還有大家都喜歡的「夾心餅乾」

lang="en">

charset="utf-8">

documenttitle>

type="text/css">

div .div1

.div11

.div12

pstyle>

head>

class="div11">裡面的盒子1div>

class="div12">裡面的盒子2div>

風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎風吹亮雪花,吹白我們的頭髮,當初說一起闖天下,你們還記得嗎p>

body>

html>

把我的 C 作業貼出來 實驗三 陣列 2

實驗三 陣列 一 實驗目的 1 熟悉陣列的結構 2 掌握矩陣的壓縮儲存 3 能夠對陣列和矩陣的壓縮儲存進行運算 一 實驗內容2.a 和b 是兩個n n 階的對稱矩陣,輸入時,以行為主序輸入對稱矩陣的下三角元素,存入以尾陣列,編寫乙個演算法計算對稱矩陣a和 b的乘積。資料夾 對稱矩陣相乘 陣列結構型別...

把我的 C 作業貼出來 實驗四 樹 2

實驗四 樹 一 實驗目的 1 熟悉二叉樹的鏈式儲存結構 2 掌握二叉樹的建立 深度優先遞迴遍歷等演算法 3 能夠利用遍歷演算法實現一些應用 二 實驗內容 2 採用二叉鍊錶結構儲存一棵二叉樹,編寫乙個演算法刪除該二叉樹中資料值為 x的結點及其子樹,並且輸出被刪除的子樹。資料夾 習題 12 15 二叉鍊...

把我的 C 作業貼出來 實驗二 棧和佇列 2

實驗二 棧和佇列 一 實驗目的 1 熟悉棧和佇列的順序和鏈式儲存結構 2 掌握棧和佇列的基本運算 3 能夠利用棧和佇列的基本運算完成棧和佇列應用的運算 二 實驗內容 2 假設以陣列 sequ m 存放迴圈佇列的元素,同時設變數 rear 和quelen sq quelen 0 隊滿的條件 sq qu...