请简要描述margin重复问题，及解决方式

原创

蓝色海岛 2021-07-13 17:15:44 ©著作权

©著作权归作者所有：来自51CTO博客作者蓝色海岛的原创作品，请联系作者获取转载授权，否则将追究法律责任

两个相邻的盒子垂直方向上的margin会发生重叠，取较大的那个值，而不是相加。

解决：
　　父级设置padding代替margin
　　父级设置overflow:hidden
　　当前元素设置透明的边框
　　使用绝对定位
　　使用浮动或设置成行内块
　　给一个1像素的内边距
　　说了这么多，不这样干不行么，直接加一下写一个margin值多好

上一篇：attribute和property的区别是什么？

下一篇：display:none;与visibility:hidden;的区别

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Java之解决重复提交问题

在实际的开发项目中,一个对外暴露的接口往往会面临很多次请求，我们来解释一下幂等的概念：任意多次执行所产生的影响均与一次执行的影响相同。按照这个含义，最终的含义就是对数据库的影响只能是一次性的，不能重复处理。如何保证其幂等性，通常有以下手段：数据库建立唯一性索引，可以保证最终插入数据库的只有一条数据token机制，每次接口请求前先获取一个token，然后再下次请求的时候在请求的head

redis ide 拦截器
ftp几个常见错误问题及解决办法

1、无法上传网页，FTP故障－提示“无法连接服务器”错误。问题出现原因：FTP客户端程序设置问题，客户上网线路问题，ftp服务器端问题。处理方法：建议客户使用CUTPFTP软件来上传客户的网页，在“FTP主机地址处”最好填写IP地址，如果客户上传时提示socket错误的话，请您检查一下您使用软件的编辑菜单下的连接中防火墙里是否有一个使用了pasv模式，如果选中的话，您把此选项取消即可连接主机。2、

上传处理方法 IP
JCIDS要点简要梳理

1、联合能力集成和开发系统（JCIDS）是美国防部在2003年发布的军事需求获取方法，用于替代需求生成系统（RGS），旨在以能力为中心的方式，生成跨越各军种、机构的统筹规划、部署和运用的联合军事力量，避免原来以单个军种需求生成带来的能力冗余、力量分散和发展低效等问题。2、JCIDS的核心是围绕统一定义的能力结构，构筑一套旨在能力聚合、灵活组合、快速高效、便于监督的国防力量生成体系。覆盖军事需要提出

JCIDS 联合能力和集成开发系统联合能力域 JCA FCB
盒模型使用margin相关技巧及解决margin-top塌陷问题

仅供学习，转载请注明出处margin相关技巧1、设置元素水平居中： margin:x auto;2、marg

外边距 html ide
css：垂直方向外边距margin塌陷问题及解决

margin塌陷现象：在垂直方向如果有两个元素的外边距有相遇，

css 边距外边距
解决margin-top无效问题

当两个空的块级元素嵌套时，如果内部的块设置有margin top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin top属性会绑架父元素（即将margin top传递凌驾给了父元素）。 html css

解决方法 ide 块级元素 css html
请描述OSI七层模型，并简要概括各层功能？

OSI是Open System Interconnect的缩写，这个模型把网络通信的工作分为7层,它们由低到高分别是物理层（Physical Layer),数据链路层（Data Link Layer),网络层(Network Layer),传输层（Transport Layer),会话层（Session Layer），

职场模型通信应用层休闲
请描述osi七层模型，并简要概括各层功能

OSI是Open System Interconnect的缩写，这个模型把网络通信的工作分为7层,它们由低到高分别是应用层（Application Layer)。表示层（Presen tation Layer)会话层（Session Layer传输层（Transport Layer),网络层(Network Layer

请描述osi七层模型并简要概括各层功能
linux下乱码问题及解决方式

Windows的默认编码为GBK，Linux的默认编码为UTF-8。在Windows下编辑的中文，在Linux下显示为乱码。为了解决此问题，修改Linux的默认编码为GBK。1查看支持的字符集# locale -a2安装英文版默认的字符集配置为# cat /etc/sysconfig/i18nLANG="en_US.UTF-8"SYSFONT="l

乱码字符
解决width: 100%；再设置margin问题

最近在做前端，遇到了这么个小问题，就是当我们把一个 div 的 width 设置为 100% 之后，再设置 margin 的时候这个div 莫名其妙的超出了屏幕。情景如下图：这就很难受了啊！！! 不过办法总比困难多，下面，我将讲两种解决方法：方法一：计算宽度法从上图中我们可以看到

css html layui 边距解决方法
QTimersingleShot问题及用法问题描述

问题描述问题描述：QTimer::singleShot定时器事件超时，如果此时类内对象已经被回收，定时器事件调用已经释放的类内资源时会引起崩溃void func() QTimer::singleShot(50,[=](){ this->continueNodeTask(); });}/*如果singleShot事件已经注册，当前类对象已经回收，定时

Qt this指针类成员
Solr性能问题及解决方式[译]

本文将尝试回答以下问题:为什么Solr性能这么差?为什么Solr需要这么长时间才能启动?为什么当我的服务器正常时，SolrCloud却表现得像在故障一样?

Solr性能问题
margin问题

margin塌陷问题就是上下两个相邻的元素之间在都设置了margin值得时候

CSS 文档流位或其他
Docker简要描述及使用

Docker是一种操作系统层面的虚拟化技术，应用进程直接运行于宿主的内核，没有自己的内核，而且也没有进行硬件虚拟。优点没有硬件虚拟以及运行完整操作系统等额外开销，更高效的利用系统资源直接运行于宿主内核，无需启动完整操作系统，秒级、毫秒级的启动时间一致的运行环境更轻松的迁移更轻松的维护和扩展基本概念镜像：特殊的文件系统，是容器创建时的模板，相当于面向对象中的类容器：镜像运行时的实体，相当于面向对象中

java
请描述用java 解决特别复杂的问题

八大排序一. 时间复杂度一. 时间复杂度为O(n^2)1. 冒泡排序(BubbleSort)思想：连续两个数进行比较大的后移import java.util.Arrays;/** * 时间复杂度是O(n^2) */public class BubbleSort { public static void bubble(int []arr){ int len = ar

请描述用java 解决特别复杂的问题排序算法 System 数组 java
请简要描述javascript的语法规则请简述javascript的特点

1.js的概念(1) 简述javaScript的特点答：js是一种基于原型的语言，是一种直译式脚本语言，是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计

js的向下取整 Math 变量名 javascript
CSS中margin边界叠加问题及解决方案

你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。 CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个

css 绝对定位解决方案文档流嵌套
请描述虚拟机架构风格简要描述虚拟机的概念

虚拟机定义虚拟机（Virtual Machine）指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统。在实体计算机中能够完成的工作在虚拟机中都能够实现。在计算机中创建虚拟机时，需要将实体机的部分硬盘和内存容量作为虚拟机的硬盘和内存容量。每个虚拟机都有独立的CMOS、硬盘和操作系统，可以像使用实体机一样对虚拟机进行操作。虚拟机技术虚拟机技术是虚拟化技术的一种，所谓虚拟化

请描述虚拟机架构风格 p2p 网络协议网络虚拟化技术
使用ovftool部署ovf 请简要描述ovf文件的组成

一.简介WAV是一种声音文件格式，用于保存Windows平台的音频信息资源，被Windows平台及其应用程序所广泛支持，WAV可用WINDOWS的媒体播放器打开。 WAV文件格式是一种由微软和IBM联合开发的用于音频数字存储的标准，它采用RIFF文件格式结构，非常接近于AIFF和IFF格式。符合 RIFF(Resource Interchange File Fo

使用ovftool部署ovf 数据数据段 #include
请简要描述html5圆角边框的使用

一、边框border边框： border-style: 边框样式；值： &

请简要描述html5圆角边框的使用 css html 学习清除浮动
es按字段权重排序

1、index定义字段的分析类型以及检索方式，控制字段值是否被索引.他可以设置成 true 或者 false。没有被索引的字段将无法搜索如果是no，则无法通过检索查询到该字段；如果设置为not_analyzed则会将整个字段存储为关键词，常用于汉字短语、邮箱等复杂的字符串；如果设置为analyzed

es按字段权重排序字段搜索 ci
redis stream 消息队列持久化

Redis 中实现消息队列的方式有几种？早在 Redis 2.0 版本之前使用 Redis 实现消息队列的方式有两种使用 List 类型实现使用 ZSet 类型实现其中使用List 类型实现的方式最为简单和直接，它主要是通过 lpush、rpop 存入和读取实现消息队列的，如下图所示lpush 可以把最新的消息存储到消息队列（List 集合）的首部，而 rp

redis 消息队列 List Redis
java对象字节头

1、Java语言把数据类型分基本类型和引用类型。一、先介绍基本数据类型，八种基本数据类型，boolean（一个字节）、byte（一个字节）、short（两个字节）、int（四个字节）、long（八个字节）、char（两个字节）、float（四个字节）、double（八个字节）。在计算他们的取值范围的时候，要注意，它们是带符号的整数，所以首位是符号位，以byte为例，byte一个字节，八位，除去符号

java对象字节头 java 编程虚拟机 byte
ScheduleMaster文档

使用Spring的定时任务，一些不注意的细节（坑点）给我造成了很大的困扰，有时间来记录一下。 1. 基本使用步骤使用@EnableScheduling 启动定时任务；编写定时任务类和方法，使用 @Component注入定时类，使用@Scheduled 注解定时方法；举个栗子：@Component public class MySchedule { @Scheduled(cron

ScheduleMaster文档 Schedule 定时任务配置文件 spring
ITextFontResolver设置中文

iText简介iText是著名的开放源码的站点sourceforge一个项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。 iText的安装非常方便，下载iText.jar文件后，只需要在系统的CLASSPATH中加入iText.jar的路径，在程序中就可以使用iText类库了。 iTextAsi

Image 左对齐 jar

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯