当我想在居中的父 div 内将子 div 向左或向右浮动时,整个设计会向左或向右移动,具体取决于浮动。那么,如何浮动一个子 div 并使居中的父 div 居中。
HTML:
<div id="parent">
<div id="child-left"></div>
<div id="child-right"></div>
</div>
CSS:
#parent{
padding: 0 auto;
width: 600px;
}
#child-left{
float: left;
width: 300px;
}
#child-right{
float: right;
width: 300px;
}
为什么父 div 向左/向右移动,而不是留在中心?以及如何使它保持在中心?