博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于margin的问题
阅读量:5889 次
发布时间:2019-06-19

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

昨晚是第一天,现在来说说margin的这个存在的问题吧,

嗯,就是当你碰到

<div class="max-box">

     <div class="box1"></div><div class="box2"></div>

</div>

 

时候 ,

你给box1设置margin-top:100px时,它的父元素

(也就是max-box)会同时下去100个像素,这时我们解决的办法就是给max-box这个最大的盒子设置个border(对,就是边框),这是问题就解决了,不行,赶快试试吧,

2:当我们给box1的margin:100px 50px 100px 50px (代表上右下左);给box2的margin:100px 50px 100px 50px;时这两个盒子中间应该是200px;可是真实情况却不是,出现了box1和box2中间叠压问题,所以我们解决的方法是:把其中的一个盒子得上边距100px改为200px;另个不变,这时你看中间的空隙就是真正的200px,

 

以上就是margin遇到的问题!

你看完觉得可以,请点个赞,谢谢!

 

转载于:https://www.cnblogs.com/momox/p/5800052.html

你可能感兴趣的文章
hadoop中mapreduce的mapper抽象类和reduce抽象类
查看>>
【HAOI2006】【BZOJ1051】【p1233】最受欢迎的牛
查看>>
dedecms的安装,request_order的问题
查看>>
PHP遍历文件夹下的文件和获取到input name的值
查看>>
JavaScript对象属性(二)
查看>>
vi 颜色配置
查看>>
模块划分--MVVM指南(课程学习)
查看>>
中南大学2014年数据结构考试真题及(个人解答)答案
查看>>
Educational Codeforces Round 63-D(基础DP)
查看>>
gradle
查看>>
wcf服务契约的重载
查看>>
数据帮助类DBhelper的定义
查看>>
基础命令
查看>>
linux下单节点oracle数据库间ogg搭建
查看>>
PLSQL Developer软件使用大全
查看>>
javaWebSerivice学习篇4-WSDL文档结构图
查看>>
swift三方库
查看>>
python自定义线程池
查看>>
坑到了,EF执行带事物的存储过程
查看>>
杭州之行
查看>>