文章详情页
不知为何我代码浮动不起作用
浏览：76日期：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. java - 创建maven项目失败了 求解决方法2. 运行python程序时出现“应用程序发生异常”的内存错误？3. java-se - 正在学习Java SE，为什么感觉学习Java就是在学习一些API。4. 一个走错路的23岁傻小子的提问5. python - 如何使用pykafka consumer进行数据处理并保存？6. javascript - SuperSlide.js火狐不兼容怎么回事呢7. node.js - 函数getByName()中如何使得co执行完后才return8. 主从备份 - 跪求mysql 高可用主从方案9. javascript - git clone 下来的项目 想在本地运行 npm run install 报错10. python - django 里自定义的 login 方法，如何使用 login_required()
排行榜
网公网安备