大佬教程收集整理的这篇文章主要介绍了css – 如何并排显示2个部分？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<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>
我想在左侧显示第1部分,在右侧显示第2部分,而不是像通常出现的那样垂直显示.它们周围的父节缩进了120px,我想保留它.
我该如何做到这一点？我尝试浮动：在第1节左侧显示：在父节上显示内联,但这些似乎导致第2节“突破”其父节.
<style>
.indent-1 {float: left;}
.indent-1 section {width: 50%; float: left;}
</style>
<section class="indent-1">
<!-- Section 1 -->
<section>
<div>Some content 1</div>
<div>Some more 1</div>
</section>
<!-- Section 2 -->
<section>
<div>Some content 2</div>
<div>Some more 2</div>
</section>
</section>
无需以这种方式更改标记.
另外还有关于CSS盒子型号的更多信息：http://css-tricks.com/the-css-box-model/
以上是大佬教程为你收集整理的css – 如何并排显示2个部分？全部内容，希望文章能够帮你解决css – 如何并排显示2个部分？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。