J'ai suivi du code HTML: et j'aimerais afficher Section 1 à gauche et Section 2 sur la droite au lieu de verticalement comme ils apparaissent normalement. La section parente qui les entourait est indentée 120px , et j'aimerais préserver cela. flotteur: gauche sur Affichage: Inline < / Code> Sur la section Parent, mais ceux-ci semblaient causer
4 Réponses :
avoir la section 1 et la section 2 dans les Div distincts et essayer float: gauche sur la section 1 div et float: droite sur la section2 DIV.
<style>
section.left{float:left;}
</style>
<section class="indent-1">
<!-- Section 1 -->
<section class="left">
<div>Some content</div>
<div>Some more</div>
</section>
<!-- Section 2 -->
<section>
<div>Some content</div>
<div>Some more</div>
</section>
</section>
Les deux sections doivent être flottées à gauche pour eux de «empiler» de la gauche .. afaik
float les deux laissé avec une largeur de jeu sur chaque section et vous serez ok, comme: non besoin de changer votre balisage de cette façon. Aussi ici pour plus d'informations sur le modèle CSS Box: http: // css-astuces. COM / THE-CSS-BOX-MODÈLE /
Vous devez ajouter Aperçu: strong> p> CSS: strong> p> Overflow: masqué; code> au parent. 
p> <section class="indent-1">
<!-- Section 1 -->
<section>
<div>Some content</div>
<div>Some more</div>
</section>
<!-- Section 2 -->
<section>
<div>Some content</div>
<div>Some more</div>
</section>
</section>