left：width：100px；height：100px；background：#5A6A94;
right：height：100px； background: #BE4F4F;
1.浮动布局
left：float：left；
right：margin-left：100px;
2.overflow:hidden;(很奇怪，对float元素有用，对absolute就没用)
left:float:left;
right:overflow:hidden;
3.flex布局：
父容器：display:flex;
right:flex:1;
4.绝对定位
left：position：absolute；left：0；
right：position:absolue;left:100px;width:100%;
左边固定，右边自适应方法一： 左边固定，右边自适应方法二： 上边固定，下面自适应。左边固定，右边自适应：
本文主要使用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/rhazzxtx.html
网友评论