<style>
body{
display: flex;
}
.left{
background-color: rebeccapurple;
height: 200px;
flex: 1;
}
.right{
background-color: red;
height: 200px;
width: 100px;
}
</style>
<body>
<div class="left"></div>
<div class="right"></div>
</body>
image.png
image.png
两栏布局 左边固定，右边自适应的两栏布局 首先创建基本的HTML布局和最基本的样式。 左边固定宽度，高度不固定 基...
1、双列布局（拖动窗口时，窗口左边不动，右边自适应）：左边宽度固定，右边自适应 2、三列布局（两边不动中间动）：两...
两栏布局，要求左边固定，右边自适应。 方法1------浮动 思路：左边容器左浮动，宽度固定，右边元素设置marg...
要求：高度固定，左边和右边宽度为300px，中间自适应 公共样式 1.浮动布局 2.定位 3 .flexbox 4...
两栏自适应布局(左边固定，右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点：要清...
两栏自适应布局(左边固定，右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点：要清...
1. 一行显示，左边固定宽度右边自适应 html代码 css代码 2.一行显示，右边固定宽度左边自适应 html代...
左边定宽，右边宽度自适应 等高自适应，两列布局
设计场景 左右两列布局，左边宽度固定，右边宽度自适应 老式解决方案 结构 风格 新式解决方案 结构 风格
本文标题：样式布局- 右边宽度固定，左边自适应
本文链接：https://www.haomeiwen.com/subject/ctzzsktx.html
网友评论