基础必备之margin

作者: 西兰花伟大炮 | 来源:发表于2017-04-29 18:26 被阅读4次

基础必备之margin
HTML/CSS/JS 基础知识备忘录
在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合
基础必备之float
【转载】css水平垂直居中
程序员找工作必备 PHP 基础面试题（四）
CSS实现垂直居中的N种方式
2018-09-29
栅格布局基础样式
css之margin

（1）关于margin重叠，只发生在块元素上

发生折叠需要是相邻的非浮动元素；
折叠发生在垂直外边距上，即margin-top/margin-bottom；
折叠后取其中最大的那个margin值作为最终值；
在水平书写模式下，发生 margin 折叠的是垂直方向，即 margin-top/margin-bottom，在垂直书写模式下，margin 折叠发生在水平方向上，即 margin-right/margin-left

（2）margin的百分比数值都是相对于父容器的宽度来计算的

绝对定位元素的margin百分比数值是相对于第一个定位祖先元素（relative,absolute,fixed）的宽度来计算的

经典应用，圣杯布局

基础必备之margin
（1）关于margin重叠，只发生在块元素上发生折叠需要是相邻的非浮动元素；折叠发生在垂直外边距上，即marg...
HTML/CSS/JS 基础知识备忘录
基础知识备忘录 margin折叠常规认知： margin折叠只会发生在块级元素浮动元素的margin不与任何m...
在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合
合并外边距的场景：外边距合并的必备条件：margin必须是邻接的两个margin是邻接的必需满足以下条件： 1...
基础必备之float
特性：float使块元素对外呈现内联元素的特性，对内呈现块元素的特性，浮动元素脱离文档流（1）文字环绕效果给p...
【转载】css水平垂直居中
样本: 基础样式：水平居中：margin|定位法 1.margin方法条件：元素定宽元素为块级元素(...
程序员找工作必备 PHP 基础面试题（四）
程序员找工作必备 PHP 基础面试题程序员找工作必备 PHP 基础面试题（二）程序员找工作必备 PHP 基础...
CSS实现垂直居中的N种方式
准备工作准备阶段的基础代码如下：实现垂直居中的方式 1. 定位+负margin 2. 定位+margin au...
2018-09-29
秋冬必备基础棉鞋
栅格布局基础样式
/* 栅格布局基础样式 */ .container{display:block;margin:0rpx;}.row...
css之margin
margin的塌陷现象标准文档流中，竖直方向的margin不叠加，以较大的为准。如果不在标准流，比如盒子都浮动...