文章详情页
不知为何我代码浮动不起作用
浏览:143日期: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. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法(标题说不太清楚,请见题内描述)2. mysql - SQL操作时间的函数?3. MYSQL新建用户设置可以远程访问的问题4. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题!5. angular.js - angularjs的自定义过滤器如何给文字加颜色?6. java - mybatis怎么实现在数据库中有就修改,没有就添加7. javascript - ionic run android报错8. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因?9. 正则表达式 - python pandas的sep参数问题10. docker内创建jenkins访问另一个容器下的服务器问题
排行榜
