看看下面的常见布局，当右边div的width为auto时，右边div宽度已是自适应
.div1{
width: 200px;
height: 200px;
border: 1px solid black;
}
.div2{
width: 50px;
height: 50px;
background: red;
}
.div3{
margin-left: 50px;
width:auto;
height:30px;
background: blue;
}
所以要做的是把右边的div移上去，两行变成一行，有如下两种方法：
1.左边div再加个float：left（如果右边div没有margin-left:50px，则会覆盖左边div）
2.父div加relative，左div加absolute（让左边脱离文档流）
BFC规则：
与浮动元素相邻的已生成BFC的元素不能与浮动元素相互覆盖
左边固定，右边自适应方法一： 左边固定，右边自适应方法二： 上边固定，下面自适应。左边固定，右边自适应：
本文主要使用css实现左边自适应右边固定，右边固定左边自适应的问题。 左边自适应右边固定 1. 主要使用floa...
一、左右结构 左边固定，右边自适应 左边左浮动，右边加个overflow:hidden; 左边左浮动，右边加个...
left：width：100px；height：100px；background：#5A6A94; right：h...
方法一：固定元素左浮动脱离标准文档流，右边元素设置左外边距 方法二：一样，利用定位脱离标准文档流。右元素不加左边距...
看看下面的常见布局，当右边div的width为auto时，右边div宽度已是自适应 所以要做的是把右边的div移上...
1. 一行显示，左边固定宽度右边自适应 html代码 css代码 2.一行显示，右边固定宽度左边自适应 html代...
一、左边固定，右边自适应的布局 1、左边左浮动，右边加个overflow:hidden; 2. 左边左浮动，右边加...
两栏布局，要求左边固定，右边自适应。 方法1------浮动 思路：左边容器左浮动，宽度固定，右边元素设置marg...
本文标题：左边固定右边自适应
本文链接：https://www.haomeiwen.com/subject/rinvuxtx.html
网友评论