margin(什么是Margin)

本文目录
- 什么是Margin
- css 如何解决margin-top使父元素margin失效
- margin边距计算规则
- margin: 0 auto和margin:auto是什么区别
- css的Margin有什么用,什么是块级元素,浮动元素和行内元素,和margin有什么关系
- margin:0px auto; 这是的AUTO是啥意思
- CSS里面的属性margin-right:auto; margin-left:auto;是什么意思 还有 line-height是什么意思
- CSS margin-top的定义和用法
- css 怎么叫div距离页面上边缘margin-top:90px; 不好使啊
- CSS中:margin:auto与margin: 0 auto;有什么区别
什么是Margin
margin[ˈmɑ:rdʒən]
n.边缘,范围; 极限; 利润,盈余; (版心外)的空白;
vt.留边; 成为…的边; 加边于,围绕; 为…加旁注;
So it ’ s not about the price of the product and the margin.
因此,产品价格与利润变得不再重要。
css 如何解决margin-top使父元素margin失效
怎么失效。你是说父子元素的margin合并吧。
子元素的margin-top如果是20px
父元素的是10px
那么合并之后的效果就是20px。
感觉好像父元素的margin-top=10px不起作用了
如果你想避免发生父子间的margin合并现象。
就必须要给父元素设置padding。或者border
把父子的margin之间隔开。
一般来说,为父元素设置一个1px的padding-top就可以了。
margin边距计算规则
margin:20px 0;是设置的边框上下边距是20px,而左右边距是0px;
所以当你设置float:left;的时候,它的上下边距还是20px,左右边距还是0px;
而且,div 本来就是块级元素,所以不需要你申明display:block;
margin: 0 auto和margin:auto是什么区别
margin: 0 auto; 就是上下距离为0, auto就是左右自适应两边距离一样,margin:auto;效果就是左右自适应两边距离一样,效果是一样的, 就好像margin:5px效果 ==margin:5px 5px 5px 5px; 可以理解为简写, margin:0 auto,这个0,本身就是没有效果的,
css的Margin有什么用,什么是块级元素,浮动元素和行内元素,和margin有什么关系
margin是设置元素与元素之间的间距的;
块元素就是会占一行的元素,行内元素是跟据内容的多少来占位置的,而浮动元素是也是跟据内容的多少来占位置的,但是浮动之后就会变成块元素了,并且会从正常的文档流中删除它的位置;
块元素可以设置margin的上、右、下、左间距,行内容只有margin的左和右会生效,浮动元素的margin跟块元素一样
margin:0px auto; 这是的AUTO是啥意思
auto的意思是页面左右空白自适应并且相等的意思。
1、新建html文档,在body标签中添加一个div标签,然后在这个div标签中再添加一个div标签:
2、为外div标签和内div标签各设置一个样式,这时默认情况下内div盒子在外div盒子的左上角:
3、为内div标签设置样式“margin:0px auto; ”,这时内div盒子会在外div盒子中水平居中:
CSS里面的属性margin-right:auto; margin-left:auto;是什么意思 还有 line-height是什么意思
margin-right:auto; margin-left:auto;
auto代表样式自动适应;margin代表边距,margin-right:auto和margin-left:auto意思是左右边距自动适应;
line-height表示每行行高,也可理解为行间距
CSS margin-top的定义和用法
margin-top 属性设置元素的上外边距。
注释:允许使用负值。 默认值:0继承性:no版本:CSS1JavaScript 语法:object.style.marginTop=10px 设置 p 元素的上外边距:
p {margin-top:2cm;}
css 怎么叫div距离页面上边缘margin-top:90px; 不好使啊
你这个是CSS规则问题,当父级div设定了margin属性的时候,该div再设定margin属性就会出现重合现象,就比如说父级设定了margin-top:10px; 子级设定margin-top:10;如果照正常计算的话应该是距离上面20px;但实际情况就会是只显示距离上部10px;
解决方法:在父级上再加padding-top:10px;子级不用设定。这样效果是一样的,而且不会出现规则出错问题
记住,相邻关系或者处于父子级关系的2个DIV,不要同时使用同一种margin属性或者padding属性
CSS中:margin:auto与margin: 0 auto;有什么区别
1、意思不同。margin:auto=margin:auto auto auto auto,表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;
2、居中方式不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;
margin后面一般会跟4个参数,如margin:1px、1px、1px、1px,分别表示上外边距为1px、右外边距为1px、下外边距为1px、左外边距为1px。
如果后面只写2个参数的话,如margin:1px、2px,则表示上下外边距为都为1px,左右外边距都为2px。
扩展资料
Cascading Style Sheets,中文含义是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
margin是CSS的一个属性,主要功能是简写属性在一个声明中设置所有当前或者指定元素外边距属性。该属性可以有 1 到 4 个值。margin属性接受任何长度单位、百分数值甚至负值。
margin 属性可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。所有浏览器都支持 margin 属性。
参考资料
CSS(层叠样式表)_百度百科

本文相关文章:
台湾人经常说:gin了很久意思是忍了很久请问gin字怎么写啊?如何通过java代码调用js
2026年9月25日 05:50
marginbottom(margin-bottom:-10000px;是什么意思有什么具体作用)
2026年9月15日 21:40
rewrite规则(nginx rewrite规则怎么配置)
2026年9月8日 09:10
更多文章:
易语言网页api接口怎么调用(易语言,怎么读取网页json的api)
2026年10月11日 08:00
majority of(the majority of 和 a majority of的区别以及用法例句)
2026年10月11日 07:40
another time(another time和other time的区别)
2026年10月11日 05:00





