博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Css嵌套DIV,内层DIV设置margin-top失效的解决办法(转)
阅读量:5216 次
发布时间:2019-06-14

本文共 485 字,大约阅读时间需要 1 分钟。

问题:在使用DIV做嵌套的时候,(外层DIV暂且取名叫做OuterDIV,内层DIV暂且取名叫做InnerDIV),本来想使InnerDIV距离OuterDIV左边距50px,上边距50px,我是新人,自然想到使用margin-left and margin-top来设置,效果是margin-top并未起作用。

原因:DIV没有获得hasLayout

解决方案:

1. OuterDIV设置padding-top:50px

2. OuterDIV设置overflow:hidden;

3. OuterDIV设置与InnerDIV重合的border不为0 或者 padding不为0

4. 使用以下任一样式设置layout:

    float: left/right;

    position: absolute;

    overflow: hidden/auto;

    display: inline-block/table-cell(其他table类型)

原文地址:

              

转载于:https://www.cnblogs.com/learnmoredaybyday/p/3687695.html

你可能感兴趣的文章
jquery的contains方法
查看>>
python3--算法基础:二分查找/折半查找
查看>>
Perl IO:随机读写文件
查看>>
Perl IO:IO重定向
查看>>
优化算法系列-模拟退火算法(1)——0-1背包问题
查看>>
转:基于用户投票的排名算法系列
查看>>
WSDL 详解
查看>>
独家 | TensorFlow 2.0将把Eager Execution变为默认执行模式,你该转向动态计算图了...
查看>>
react + dva + ant架构后台管理系统(一)
查看>>
[转]ASP数组全集,多维数组和一维数组
查看>>
git学习
查看>>
C# winform DataGridView 常见属性
查看>>
逻辑运算和while循环.
查看>>
Nhiberate (一)
查看>>
c#后台计算2个日期之间的天数差
查看>>
安卓开发中遇到的小问题
查看>>
ARTS打卡第3周
查看>>
js知识梳理3:创建对象的模式探究
查看>>
linux后台运行和关闭SSH运行,查看后台任务
查看>>
cookies相关概念
查看>>