文章详情页
不知为何我代码浮动不起作用
浏览：161日期：2022-10-29 11:45:32
问题描述
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.两列布局右边固定左边自适应</title>
<style type="text/css">
.main {
height:600px;
background-color:skyblue;
margin-right:200px;
}
.right {
width:200px;
height:600px;
background-color:lightgreen;
float:right; /*设置块元素的右浮动*/
}
</style>
</head>
<body>
<div>主体</div>
<div>右侧</div>
</body>
</html>
问题解答
回答1：同意二楼观点
你使用margin-right:200px;
是想给右边div留位置出来吧？
但是div默认宽度100%
所以你设置margin-right:200px;之后的div宽度其实还是100%
因为padding，margin，width，border 加起来才是组件的真实宽度或高度
回答2：请将
<div>主体</div>
<div>右侧</div>
改为
<div class="main">主体</div>
<div class="right">右侧</div>
再测试代码~
回答3：我去怎么吞代码了，class没了
相关文章：
1. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？2. 网页动画等过渡效果，CSS3 transitions 和 jQuery animations 谁实现的性能更好？3. 用CSS3 box-sizing 属性实现两个并排的容器，如果想让容器中间有间隔该如何实现4. python3.x - python 中的maketrans在utf-8文件中该怎么使用5. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？6. node.js - webpack 配置文件 运行出错7. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();8. javascript - hexo可以配置文章文件名为随机数么？9. css - ul ol前边的标记如何调整样式呢10. python - 用urllib抓取网页上的下载链接，目标文件是xls形式，但发现抓下来的xls是空表，里面只有一句报错信息，求帮助。
排行榜
网公网安备