兩個盒模型之間的空隙

2021-08-07 07:21:24 字數 1070 閱讀 4602

html文件中的每個元素都被描繪成矩形盒子,這些矩形盒子通過乙個模型來描述其占用空間,這個模型稱為盒模型。盒模型通過四個邊界來描述:margin(外邊距),border(邊框),padding(內邊距),content(內容區域),這個大家都知道,那什麼是兩個盒模型之間的空隙呢?該怎麼清除它呢?

假設有乙個class為content的父div,裡面包含兩個子div,這兩個子div要同一行顯示,我們想要兩個子div緊緊連線在一起,所以把它們的margin和padding值全部設為0。

我們來看看結果

這時我們發現結果沒有我們想象中那麼美好,這是因為兩個div之間還有些空白字元。我們有兩種解決方法:

既然是空白字元的鍋,我們就在父元素設定他們的font-size為0,或者,直接把空白字元刪掉

我們把父元素的font-size設定為0

.content
這時的效果還不是我們想要的,因為我們會發現子元素裡面的字消失了。

這是因為子元素沒有設定的樣式會預設繼承父元素的,所以我們在兩個子元素設定相應的font-size就可以了,瀏覽器預設為16px

.content

.red

.green

現在的結果就完美了

空白

字元

想象一下如果我們要做的不止乙個盒子呢?看起來會特別亂,不利於後期維護,雖然說結果是一樣的

兩個指標之間的運算

只有指向同一陣列的倆個指標變數之間才可以進行計算。否則是沒有意義的。int pf1,pf2 int arr 10 pf1 arr pf2 arr 1 auto result pf2 pf1 計算機具體運算是兩個位址值相減。應該是過載了運算子 結果是指標值相減除以指標所指物件的大小。因為單純的位址值相...

兩個指標之間的運算

只有指向同一陣列的倆個指標變數之間才可以進行計算。否則是沒有意義的。int pf1,pf2 int arr 10 pf1 arr pf2 arr 1 auto result pf2 pf1 計算機具體運算是兩個位址值相減。應該是過載了運算子 結果是指標值相減除以指標所指物件的大小。因為單純的位址值相...

兩個日期之間的天數

被csdn各種大牛打擊的.繼續加油.今天翻了下 程式設計珠璣 其實這本書感覺對自己還是有點深,吃不透啊。看到一題,有一小問是給定兩個日子,計算這兩個日子的天數 碰巧前幾天做web作業也有差不多這題的,不過那一題直接呼叫系統函式的,兩個日期一減 1000 60 60 24就是天數了 c中還真不知道有沒...