我該如何將我的div放在另一個div中？

我內心的div有這個CSS：我該如何將我的div放在另一個div中？

.square3 { 
    border:solid 1px #008CBA; 
    background-color:white; 
    position: relative; 
    width: 100%; 
    max-width:500px; 
    box-sizing: border-box; 
    display: inline-block; 
    float:left; 
} 

.square3:after { 
    content: ""; 
    display: inline-block; 
    padding-bottom: 100%; 
    box-sizing: border-box; 
}

我的外div有這個CSS：

.monthInfo{ 
    position: relative; 
    width: 100%; 
    max-width:100%; 
    box-sizing: border-box; 
    display: inline-block; 
    float:left; 
    content: ""; 
    display: inline-block; 
    box-sizing: border-box; 
    z-index:1000; 
}

我想給我的外文本對齊：中心，與內保證金：0汽車，但那沒用。內部div是一直在頁面的左側。我希望它留在中心。

來源

2017-05-03 Andrew McCracken

順便說一句，使用'float'使一個元素'顯示：block'所以如果你有'float'一個元素上，'顯示：直列block'不會做任何事情，是不必要的。 –

text-align: center如果您從子項中刪除float: left，父項將生效。

.square3 { 
 
    border:solid 1px #008CBA; 
 
    background-color:white; 
 
    position: relative; 
 
    width: 100%; 
 
    max-width:500px; 
 
    box-sizing: border-box; 
 
    display: inline-block; 
 
} 
 

 
.square3:after { 
 
    content: ""; 
 
    display: inline-block; 
 
    padding-bottom: 100%; 
 
    box-sizing: border-box; 
 
} 
 

 
.monthInfo{ 
 
    position: relative; 
 
    width: 100%; 
 
    max-width:100%; 
 
    box-sizing: border-box; 
 
    display: inline-block; 
 
    float:left; 
 
    content: ""; 
 
    display: inline-block; 
 
    box-sizing: border-box; 
 
    z-index:1000; 
 
    border: 1px solid red; 
 
    text-align: center; 
 
}

<div class="monthInfo"> 
 
    <div class="square3"> 
 
    </div> 
 
</div>

來源

2017-05-03 20:16:10

我該如何將我的div放在另一個div中？

回答

相關問題