<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.div1{
background-color: red;
float:left;
}
.div2{
background-color: green;
height:auto;
}
</style>
</head>
<body>
<div class="box">
<div class="div1">111 </div>
<div class="div2">222</div>
</div>
<script>
</script>
</body>
</html>
两栏自适应布局(左边固定，右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点：要清...
两栏自适应布局(左边固定，右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点：要清...
css简单布局 1.左右布局 常用左边固定，右边自适应 实现这样的布局，我们可能会有如下方法： 浮动布局 flex...
一、基本网格布局 最简单的网格布局，就是平均分布。 HTML代码如下： CSS代码如下： 二、左边固定，右边自适应...
左右布局（高度自适应） 1.左边定宽，右边自适应，或者右边定宽，左边自适应，（高度自适应） 使用 float 完成...
左边定宽，右边宽度自适应 等高自适应，两列布局
"左边固定，右边自适应的两栏布局"，其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与gri...
本文主要使用css实现左边自适应右边固定，右边固定左边自适应的问题。 左边自适应右边固定 1. 主要使用floa...
flex布局左边固定，右边自适应，右边内容超出会影响布局 修改后显示效果
本文标题：css布局右边自适应
本文链接：https://www.haomeiwen.com/subject/impowktx.html
网友评论