帮我看看这段css代码为什么不好用呢 大家提点意见
时间:2010-09-09
来源:互联网
<div style="width:960px; background-color:Green; height:330px; _height:370px;">
<div style="width:650px; background-color:Red; margin-left:auto;
margin-right:auto; padding-top:20px;">dgdgfdfdddgd</div>
</div>
我的子div我给设置padding-top:50px;它应该是相对父div向下移50px;但是显示的效果却是 子div的高度增加了50px 子div上边距并没有离父div50px; 问题出现在哪了????
<div style="width:650px; background-color:Red; margin-left:auto;
margin-right:auto; padding-top:20px;">dgdgfdfdddgd</div>
</div>
我的子div我给设置padding-top:50px;它应该是相对父div向下移50px;但是显示的效果却是 子div的高度增加了50px 子div上边距并没有离父div50px; 问题出现在哪了????
作者: zsvslx 发布时间: 2010-09-09
padding是填充,显示的效果是对的。你可以看看这个帖子:http://topic.csdn.net/u/20100708/16/6cd03a69-10e8-4c06-8d17-365319990d75.html?04361624679125218
想让上边距离父div 50px,可以设置父div的padding为50px,也可以设置子div的margin-top:50px;,但同时要注意margin的折叠,见:http://topic.csdn.net/u/20100712/16/5e65ba8c-1680-420c-9c38-b3064e6602ae.html?89385
想让上边距离父div 50px,可以设置父div的padding为50px,也可以设置子div的margin-top:50px;,但同时要注意margin的折叠,见:http://topic.csdn.net/u/20100712/16/5e65ba8c-1680-420c-9c38-b3064e6602ae.html?89385
作者: WebAdvocate 发布时间: 2010-09-09
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28