请问老师当left,right设置浮动后对wz进行margin-top设置参考是body、
请问老师当left,right设置浮动后对wz进行margin-top设置边距时参考的是body,而不是container
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
.container{width: 1000px;height: 600px; margin: 0 auto; /*overflow: hidden;*/}
.middle{width: 1000px;height: 1000px;margin: 0 auto;}
.left,.right{float: left;width: 300px;height: 500px;padding-left: 130px;padding-top: 10px;}
img{width: 300px;height: 200px;}
.des{float: left;width: 300px;}
.wz{font-size: 20px;font-weight: bolder;;width: 1000px;height:50px;line-height: 50px;margin-top: 10px;float: left; text-align: center;}
</style>
</head>
<body>
<div class="container">
<div class="wz">ENJOY THE LIFE</div>
<div class="middle">
<div class="left">
<img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg">
<div class="des">Life is like a book,just more and more refined,more write more carefully.When read,mind open,all things have been indiffrent to hreart.Life in the precipitation.</div>
</div>
<div class="right">
<img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg">
<div class="des">Life is like a book,just more and more refined,more write more carefully.When read,mind open,all things have been indiffrent to hreart.Life in the precipitation.Life is like a book.</div>
</div>
</div>
</div>
</body>
</html>
正在回答
1、代码中多了一个结束的分号
2、这里是相对于container的哦,
效果
container没有向下移动,则说明这里是相对于container,如果是相对一body的,container向下移动才对。
希望可以帮到你!
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星