<style> .left { float: left; width: 50%; } .right { float: right; width: 50%; } &l
<style> .left { float: left; width: 50%; } .right { float: right; width: 50%; } </style> <div class="left"> <p>这是左边的 div。</p> <p>CSS 的 float 属性可以使元素左或右浮动。对于左右分列的布局,我们可以对两个 div 使用不同的 float 值,例如:</p> <p>左边的 div 使用 float: left;,宽度为 50%;右边的 div 使用 float: right;,宽度也为 50%。</p> </div> <div class="right"> <p>这是右边的 div。</p> <p>除了使用 float 属性,我们还可以使用 flex 布局或者 grid 布局来实现左右分列的效果。</p> </div>
这是左边的 div。
CSS 的 float 属性可以使元素左或右浮动。对于左右分列的布局,我们可以对两个 div 使用不同的 float 值,例如:
左边的 div 使用 float: left;,宽度为 50%;右边的 div 使用 float: right;,宽度也为 50%。
这是右边的 div。
除了使用 float 属性,我们还可以使用 flex 布局或者 grid 布局来实现左右分列的效果。
粉丝
0
关注
0
收藏
0