在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框
或使用清除分离方法)结合表示为一个单独的margin。
在css2.1中,水平的margin不会被折叠。
垂直margin可能在一些盒模型中被折            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2011-12-19 23:59:39
                            
                                477阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            不怀疑你也在工作中遇见过几乎可以不用怀疑,前端工作中的你一定遇见过margin折叠。不确定?别着急,你可能写过这样的代码:CSS:p{ margin: 50px;}HTML: 我是一个华丽的段落,别看我文字少 我是另一个华丽的段落大家觉得这2p之间会发生点什么?是会合体呢?还是分开...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-11-02 14:25:00
                            
                                126阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            目录margin合并的场景1. 相邻兄弟元素margin合并2.父级和第一个/最后一个子元素阻止m            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-12 21:58:34
                            
                                971阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            margin,外边距,就是设置元素的从边框最外边缘向外(正值)或者向内(负值)的延申的距离。margin是完全透明的,看不见的。但它是元素之间的边界  margin的边界线是两个元素之间真正的边界线。  元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线(或者说是内容区的边界线,两者重叠)  所以,两个并列元素的边界线就是两个元素的margin边界线,父元            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-25 15:46:14
                            
                                260阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            padding中的负值padding不支持负值!!!(仔细想一想,内边距确实没必要设置负值)如下图,如果给padding设置了负值,则显示该属性无效。margin中的负值(转自:)
margin是外边距,代表这个盒子模型跟其它盒子模型的距离,当margin为正值时,这个盒子会与其它盒子产生一定的距离,那么顾名思义,当margin为负值时,这个盒子的外边距是负值,就是往与正值相反的方向移动一定的距离            
                
         
            
            
            
            css:  * {            margin: 0;            padding: 0;        }        .parent {            /*BFC*/            /*display: inline-block;*/            /*块状化            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-31 00:09:26
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            margin的负值前不久看到了久闻大名的双飞燕布局,其中用到的主要技巧就是margin的负值。margin的负值大致有以下几种效果。1. 用在普通文档流中在普通文档流中,margin的负值仿佛能减小元素在文档流中的大小。实际上,它的尺寸并没有变化,只是文档流在计算元素的位置的时候,会认为负边距把元素的尺寸缩小了。可以类比margin的正值来看。下面是例子:这是没有设置margin的时候:(test            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-14 13:46:37
                            
                                43阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            margin 为负值产生的影响和常见布局应用前言前几天去了一家公司面试前端,问了我双飞翼的布局,说实话,之前真没好好研究过实现原理。 面试回来,查了下,主要都是用到了 margin-left 负数产生的效果。 所以今天整理些 margin:负数会对哪些元素或者定义产生影响、margin 为负值在 web 布局中的应用做下总结。(不能说最全,我已经尽力收集整理)一、margin 为负值产生的影响对于            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-28 00:00:14
                            
                                39阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            随着华为和三星上市销售它们的第二代折叠手机,市场对折叠手机的关注度有所上升,不过从目前两家企业推出的折叠手机来看,技术缺陷依然非常明显,对于消费者来说这些手机并无实在意义。三星推出的第二代折叠手机Galaxy Z Flip在技术上已取得重大进展,其采用了玻璃盖板,相比起上一代的Galaxy Fold采用塑料盖板是一个重大进步,意味着手机屏幕更平整、更耐刮。对比之下,华为的第二代折叠手机Mate X            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-13 20:42:57
                            
                                102阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              
ExpandableListView使用解析这是一个比较老的控件工具   这个和ListView差不多   1.先来一个二级列表实现  主函数  
 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-10 20:41:53
                            
                                49阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            margin塌陷问题就是上下两个相邻的元素之间在都设置了margin值得时候            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-23 00:06:23
                            
                                154阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。#box {
  width: 70px;
  margin: 10px;
  padding: 5px;
}CSS 框模型概述用Margin还是用Padding            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-06-28 10:13:36
                            
                                489阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            margin折叠的产生有几个条件:这些margin都处于普通流中,并在同一个BFC中;这些margin没有被非空内容、padding、border 或 clear 分隔开;这些margin在垂直方向上是毗邻的,包括以下几种情况:1、一个box的top margin与第一个子box的top margin2、一个box的bottom margin与最后一个子box的bottom margin,但须在该            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-07-03 14:57:51
                            
                                1018阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # iOS Margin:改善界面设计的关键
在移动应用开发中,用户界面设计至关重要,其中“边距(Margin)”是一项重要的设计元素。边距不仅影响视觉美感,还关系到用户的交互体验。本文将深入探讨iOS开发中的边距,以及如何通过代码实现更好的界面布局。
## 什么是边距?
边距是元素与元素之间的距离。在iOS开发中,边距可以帮助开发者控制视图中各个元素的相对位置,确保布局稳定且具有吸引力。在            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-28 05:42:27
                            
                                95阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            通常情况下,如果我们想要两个控件实现重叠的效果,一般都是使用FrameLayout 或者RelativeLayout布局。其实,如果设置两个控件的margin值为负数,也能实显控件重叠的效果。先展示各种效果图: 示例代码1–对应上图中的1: <LinearLayout        android:layout_width="match_parent"        android:layou            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-12 16:14:40
                            
                                658阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                为元素设置的margin值为负时,会根据元素不同的特性表现出不同的效果:到底有哪些情况呢?有以下四种1、正常流中的元素,就是没设置浮动,没设置定位的元素或说position为static的(posotion:static是默认的样式)元素设置的margin为负值时:         1、margin-top/m            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 18:04:30
                            
                                89阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            margin的负值的情况分为两种:margin-left、margin-top:当这两个的属性值为负值的时候,自身会根据负值的大小来向左和上方向偏移。margin-right、margin-bottom:当这两个的属性值为负值的时候,自身的位置不会发生改变,但是会影响自己身后的元素。这两个为负值,相当于自己的宽度缩小(宽度缩小是表示自己占用的宽度变小,但是不会影响自身元素的显示。当负值到达-100            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-10 21:46:25
                            
                                191阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            序 Magin:有边缘的意思,在Android布局中的使用方式是 android:layout_margin=“XXdp”,看到这个不免想到layout是父布局来控制子控件的。 而这个margin属性就是父控件来控制子控件的边缘位数状况的,俗称“外边距”。     
   Padding:是填充的意思,在Android布局中的使用方式是 android:padding=“XXdp”,这个就是子控            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-11 11:33:22
                            
                                63阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用   如WordPress的两栏式不固定布局就是使用margin负值来实现的定位,属于左右margin负值在流动性布局中的应用。 
  <div style=”width:200px;float:left;border-right:4px solid #CEE            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-14 16:49:16
                            
                                68阅读