<!-- language: zh-cn -->

div 設置father

在HTML和CSS中，div是一個常用的標簽，用于創建或定義一個HTML文檔中的塊級元素，它可以被用作容器，將其他HTML元素組合在一起。通常情況下，div元素會包含多個子元素，但我們也可以將一個div元素設置為其他元素的父元素，從而實現一些特定的布局和樣式效果。

示例1：父元素包含一個子元素

< div class="father" >
< p >我是父元素</ p >
< div class="child" >
< p >我是子元素</ p >
< /div >
< /div >

在這個示例中，我們創建了一個class為"father"的div元素，并在其中放置了一個p元素作為父元素的內容。此外，我們還在父元素內部創建了一個class為"child"的div元素，其中包含了一個p元素作為子元素的內容。這樣，父元素和子元素就形成了一個包含關系，通過CSS樣式，我們可以對它們進行相應的布局和設計。

示例2：父元素包含多個子元素

< div class="father" >
< p >我是父元素</ p >
< div class="child" >
< p >我是子元素1</ p >
< /div >
< div class="child" >
< p >我是子元素2</ p >
< /div >
< /div >

在這個示例中，我們在父元素內部創建了兩個class為"child"的div元素，它們都包含一個p元素作為子元素的內容。這樣，父元素包含了多個子元素，我們可以通過CSS樣式對它們進行不同的布局和設計。

示例3：父元素設置樣式

< style >
.father {
background-color: #eee;
padding: 20px;
}
< /style >
<br>
    < div class="father" >
< p >我是父元素</ p >
< /div >

在這個示例中，我們在CSS樣式表中為class為"father"的div元素設置了背景色和內邊距。通過這樣的設置，我們可以改變父元素的外觀和樣式，使之符合我們的需求。

通過上面的示例，我們可以看到div元素可以作為其他元素的父元素，通過設置父元素和子元素的結構和樣式，我們可以實現豐富多樣的布局和設計效果。