码迷,mamicode.com
首页 > 其他好文 > 详细

解决:子元素设置margin-top,父元素也受影响的问题

时间:2015-10-13 22:38:31      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>
<html>

<head>
<title>子元素设置margin-top,父元素也受影响</title>
</head>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.father {
width: 500px;
height: 800px;
background: #ccc;
cursor: pointer;
/*第一种padding-top: 1px;常用*/
/*第二种border: 1px solid red(transparent);可用*/
/*第三种父元素设置overflow: hidden;*/
}
.son {
width: 450px;
height: 600px;
margin-top: 200px;
}
</style>


<body>
<div class="father">
<div class="son">
<img src="7v/1318240446520.jpg"/>
</div>

</div>

</body>

</html>

解决:子元素设置margin-top,父元素也受影响的问题

标签:

原文地址:http://www.cnblogs.com/12606huchao/p/4875908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!