老师能详细讲讲为什么left设置mar-left:-100%而right设置-220吗?没想清楚
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
body{
min-width: 700px;
}
.footer,
.header{
width: 100%;
height: 40px;
float: left;
line-height: 40px;
background: black;
}
.container{
padding: 0px 220px 0px 200px;
}
.middle{
width: 100%;
background: #99FFFF;
}
.left,
.right,
.middle{
float: left;
position: relative;
min-height: 300px;
}
.left{
background: #EEFFBB;
width: 200px;
margin-left: -100%;
}
.right{
background: #CCCCFF;
width: 220px;
margin-left: -100%;
}
</style>
</head>
<body>
<div class="header">网页的头部</div>
<div class="container">
<div class="clear"></div>
<div class="middle">网页中间</div>
<div class="left">网页左侧</div>
<div class="right">网页右侧</div>
</div>
<div class="footer">网页底部</div>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星