<style>
.outer{
width:1170px;
height: auto;
}
.left{
width:200px;
height: 50px;
background-color: pink;
float: left;
}
.right{
height: 300px;
background-color: cadetblue;
overflow: auto;
}
</style>
<div class="outer">
<div class="left">left</div>
<div class="right">right</div>
</div>
效果:
捕获.JPG
效果:
页面布局中经常用会遇到左侧宽度自适应，右侧固定宽度，或者左侧宽度固定，右侧自适应。总之就是一边固定宽度，一边自适应...
1.CSS布局 实现一个两栏布局，右侧固定宽度200px，左侧自适应宽度 浮动元素 + 普通元素margin 实现...
1.CSS布局 实现一个两栏布局，右侧固定宽度200px，左侧自适应宽度 浮动元素 + 普通元素margin 实现...
CSS 右侧自适应宽度 中间自适应宽度 底部自适应高度 注意： flex-direction: column;
今天小编介绍自适应布局实现方法的demo，1）左侧固定宽度，右侧自适应，随着窗口的宽度而变化；2）右侧固定宽度，左...
一、多列布局 （1） 宽度自适应布局 两栏布局 左侧固定右侧自适应 右侧固定左侧自适应 技术原理（左侧固定右侧自适...
右侧元素根据左侧元素自适应
两列布局，左侧固定宽度右侧自适应 HTML 方案一: 双 float + calc 计算右侧宽度 方案二：左侧 f...
需求： 要求元素的宽度能够自适应内容的宽度针对的是非内联元素，内联元素会自动的实现对内容宽度的自适应 这里是子元...
本文标题：右侧元素宽度自适应
本文链接：https://www.haomeiwen.com/subject/tbcpmxtx.html
网友评论