当前位置：网站首页>使用float实现左中右布局，中间内容自适应

使用float实现左中右布局，中间内容自适应

2022-07-26 10:38:00 【songywaa】

使用float实现左中右布局，一定要注意中间div的位置问题

/*css*/
.left{
    
  float:left;
     width:200px;
 }
 .right{
    
     float: right;
     width:200px;
 }
 .center{
    
     padding: 0 200px;/*使用margin也可以*/
 }


<div class="box">
	<div class="left">我是左边</div>
    <div class="right">我是右边</div>
    <div class="center">我是中间</div>
    <!-- 在html中，中间自适应的div一定要放到最后边，因为左右div浮动不占高度，如果把中间div放到前边或者中间，就会把浮动元素挤到下边去 -->
</div>