css案例學習之父子塊的margin

兩邊還會有些距離，這是body預設的。

**：

<

head
>
<
title
>父子塊的margin
title
>
<
style 
type
="text/css"
>
/*body 
*/div.father
div.son
style
>
head
>
<
body
>
<
div 
class
="father"
>
<
div 
class
="son"
>子div
兩邊沒有了距離
<

head
>
<
title
>父子塊的margin
title
>
<
style 
type
="text/css"
>
body
div.father
div.son
style
>
head
>
<
body
>
<
div 
class
="father"
>
<
div 
class
="son"
>子div
div>
div>
body
>
說明：子元素只能在父元素允許的空間中活動。預設情況下會自動填滿父元素。

撐破了**：
<

head
>
<
title
>設定父塊的高度
title
>
<
style 
type
="text/css"
>
div.father
div.son
style
>
head
>
<
body
>
<
div 
class
="father"
>
<
div 
class
="son"
>子div
div>
div>
body
>
說明：設定父元素高度為40px，子元素在處理margin-top時，撐破了父元素。

>設定父塊的高度
title
>
<
style 
type
="text/css"
>
div.father
div.son
style
>
head
>
<
body
>
<
div 
class
="father"
>
<
div 
class
="son"
>子div
div>
div>
body
>

Vue學習之父子元件傳參

文章目錄 隱藏 這幾天在學習 vue 的時候，學習了 vue 元件的父子元件，父子元件顯得尤為重要。新建乙個子元件 components template methods 使用元件 my title title send data handleclick 父元件向子元件傳參方式 v bind 和屬性...

css案例學習之層疊樣式

層疊特性 title style type text css p.red purple 這裡的順序是關鍵 line3 style head body p 這是第1行文字 p p class red 這是第2行文字 p p id line3 class red 這是第3行文字 p p style co...

CSS學習（9）塊盒模型應用

1.改變寬高範圍 預設情況下，width和height設定的是內容盒的寬高 頁面重構師 將psd檔案 設計稿 製作為靜態頁面 衡量設計稿尺寸的時候，往往使用的是邊框盒 css3中 box sizing 可設定width height的設定物件，如contant box border box 2.改變...