margin-top用法

最新推荐文章于 2022-04-16 12:28:52 发布
最新推荐文章于 2022-04-16 12:28:52 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： CSS HTML 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26069551/article/details/104102832
版权
HTML 同时被 3 个专栏收录
13 篇文章 0 订阅
订阅专栏
CSS
5 篇文章 0 订阅
订阅专栏
微信小程序
5 篇文章 0 订阅
订阅专栏

例：margin-top:10px;

10px相当于微信小程序中的20rpx，rpx为微信小程序的单位。

٩(⁎ ́ი ̀⁎)۶:.✧
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于margin-top兼容问题
weixin_53278262的博客
12-21 542
关于margin-top兼容(传递)问题,我相信不少小伙伴在日常生活中经常遇到吧,我先举个栗子吧,这样便于大家理解 html代码: <div class="box"> <div class="child"></div> </div> css代码: * { margin: 0; padding: 0; } .box {
详述外边距样式属性(margin-top margin-right margin-bottom margin-left margin)
IT_Helianthus的博客
05-20 7999
文章目录一、margin-top样式属性二、margin-right样式属性三、margin-bottom样式属性四、margin-left样式属性五、margin样式属性 一、margin-top样式属性 设置元素的上外边距，该属性有多个值： 值 描述 auto 浏览器设置的上外边距。 length 定义固定的上外边距。默认值是 0。允许使用负值。 % 定义基于父对象总高...
php 中margin-top,css margin-top属性怎么用
weixin_28727943的博客
04-02 294
css margin-top用于在网页中设置元素的上外边距，比如：margin-top: 50px；允许使用负值，所有主流浏览器都支持 margin-top 属性。css margin-top属性怎么用？margin-top属性设置元素的上外边距。可设置的属性值：●　auto：浏览器计算下外边距。●　length：规定以具体单位计的下外边距值，比如像素、厘米等。默认值是 0px。●　%：规定基于父...
margin-top的错误用法
qq_40457310的博客
12-01 337
今天写静态页面时发现了一个自己曾经没有发现的错误,css的margin-top属性.<body> <div id="container"> <div id="content"> </div> </div> ...#container { width:500px; height:500px; background-color: lightblue; } #con
margin-top 问题
Alisa_vc的博客
10-11 192
margin-top   传递问题：向父级传递 解决：父级加边框 margin   的上下叠加 解决：单独设置    
html5中top什么意思,margin-top在html中的意思是什么
weixin_42340136的博客
07-09 3369
在html中margin-top的意思为“上边距”，是用于设置元素的上部边距的一个css属性；其语法格式为“margin-top:auto|length|%;”，允许设置负值。本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。CSS margin-top 属性margin-top属性设置元素的上部边距。注意： 负值是允许的。语法:margin-to...
float和margin-top
kalinux的博客
11-17 726
如果三个兄弟元素A,B,C按顺序包含在同一个元素下，A元素使用了float，则B元素不能够设置margin-top值，但可以设置margin-bottom和margin-left/right的值；C的四个margin值都可以设置；  所以，如果你希望A和B之间又间距，其中一个办法是，在A和B之间添加一个div，将div的高度设置为希望两者相距的px值（此时B不需要再添加margin) 或者不设置...
CSS 同级元素position:fixed和margin-top共同使用的问题
09-22
本文探讨了在使用CSS定位属性position: fixed的同时，给同级元素添加margin-top所产生的布局问题，并提供了一些解决方案。 在HTML文档结构中，通常将元素分为头部（header）、内容区（content）、侧边栏（aside）和...
margin-top塌陷问题的现象与解决的具体方法
09-22
以下是一个使用伪元素解决`margin-top`塌陷的示例代码： ```html <!DOCTYPE html> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-...
div标签中的元素margin-top失效的解决方法
09-28
除了overflow:hidden之外，还有其他一些方法可以解决margin-top失效的问题。例如，可以给父元素添加padding或border。由于padding和border会影响父元素的实际尺寸，它们可以为子元素的外边距提供足够的空间来发挥...
top、margin-top的区别
极客on之路
11-10 662
1、top、bottom、left、right是绝对定位，必须设置position为absolute。 margin一系列设置是相对定位。 注意：如果用top等，而position未设置为absolute，那设置是不起作用的。 2、top这些在绝对定位的前提下，这个绝对定位，是相对body  或者  position：relative的父级元素的绝对定位。
前端应用_css_盒子模型_06_margin-top塌陷问题的现象与解决
上海 彭彭
07-28 421
margin-top塌陷的现象 margin-top塌陷是在CSS的盒子模型中出现的一种现象，描述的是当父元素包裹着一个子元素的时候，当给子元素设置margin-top属性时，此时只是想让子元素的边框距离父元素边框有一段距离，而却出现了父元素的顶端距离body这个边框出现了位移，这就是margin-top塌陷的现象。 在未给子元素（绿色部分）添加margin-top属性的时候，网页如下图显示： ...
php 中margin-top,margin-top是什么意思-css编程词典-php中文网
weixin_39788256的博客
04-02 2085
margin英 [ˈmɑ:dʒɪn] 美 [ˈmɑ:rdʒən]n.边缘，范围;极限;利润，盈余;(版心外)的空白vt.留边;成为…的边;加边于，围绕;为…加旁注复数： marginstop英 [tɒp] 美 [tɑ:p]n.顶，顶部;(箱子)盖，(书页等的)上栏;首席;陀螺adj.最高的;顶上的;头等的;最大的vt.形成顶部;达到…的顶端;处于…的最前头;领导vi.总结;超越;高耸;结束...
top和margin-top等的区别
梦想还是要有的，万一实现了呢
02-02 3322
转载自：点击打开链接 这一次因为是拿着别人的源码改成自己要的效果，我发现原来我之前一直都只会用margin-top、margin-bottom等是多傻的举动！因为在某些时候top、bottom、left、right比margin-top、margin-bottom、margin=left、margin-right好用很多。。。 当时我觉得很纳闷，难道top系列和margin-top系列不是一个
margin-top使用需要注意的地方
weixin_30628077的博客
07-27 100
偶然的机会发现一个有趣的现象：一个div（背景色为绿色）里面包含一个div，里面的div给一个margin-top：100px; 代码： <div style="background: green"> 　　<div style="background: blanchedalmond;margin-top:100px; height:300px"><...
css中top和margin-top的区别
boyzhoulin的专栏
09-01 1960
最近学习CSS，碰到了这个问题，所以记录下来。
margin-top上外边距溢出
weixin_45048117的博客
04-16 417
设置一组嵌套div时，给子元素div设置margin时，我们会发现margin-top不是我们预期的样子,子元素的margin-top会作用到父元素身上。 预期margin--top样式 实际结果 上外边距溢出到父元素 解决： 1：为父元素设置上边距。border-top:1px solid #ddd;(弊端：父元素高度变化。不提倡) 2：为父元素设置内边距取代外边距。（弊端：父元素高度改变。不提倡） 3：在子元素div前增加空的<table><table/&gt..
CSS中的四种定位以及top和margin-top的区别
热门推荐
稀饭
09-01 2万+
CSS中一共有四种定位分别是默认，相对，绝对，固定 1，position：static，这种定位是默认的，一般没什么实际的作用。 2，position：relative,相对定位 ，不会脱离文档流，类似于static，按顺序排列，一般设置也不会有什么变化，可以通过margin-top/right/bottom/left来改变框的位置 3，position：absolute，绝对定位，这种定位脱离文...
html中margin-top整体下移问题,cssmargin-top使用中经常遇到的问题总结
weixin_35985795的博客
06-10 2157
在css样式中，margin-top 属性设置元素的上外边距。它可以允许使用负值。默认定义固定的上外边距的值是 0。所有主流浏览器都支持 margin-top 属性。通过本文我们来具体的说一说在前端页面中使用margin-top 属性经常遇到的一些问题，如设置后影响到了父元素怎么办？使用了margin-top 属性没有起作用该如何解决？等等。一、margin-top设置后影响到了父元素怎么办？1....
margin-top不管用
最新发布
03-30
如果 margin-top 不起作用，可能是因为以下原因： 1. 父元素的高度不够：如果父元素的高度不够，子元素的 margin-top 会被裁剪掉，导致看不到效果。可以尝试给父元素设置更大的高度。 2. 子元素的 display 属性不对：如果子元素的 display 属性为 inline 或 inline-block，那么 margin-top 不会起作用。可以尝试将子元素的 display 属性设置为 block 或其他值。 3. 子元素的 position 属性不对：如果子元素的 position 属性为 absolute 或 fixed，那么 margin-top 不会对父元素产生影响。可以尝试将子元素的 position 属性设置为 static 或其他值。 4. 子元素的 float 属性不对：如果子元素的 float 属性为 left 或 right，那么 margin-top 不会对父元素产生影响。可以尝试将子元素的 float 属性设置为 none 或其他值。 5. 子元素的 clear 属性不对：如果子元素的 clear 属性为 left 或 right，那么 margin-top 不会对父元素产生影响。可以尝试将子元素的 clear 属性设置为 none 或其他值。 6. 子元素的 overflow 属性不对：如果父元素的 overflow 属性为 hidden 或 auto，那么子元素的 margin-top 可能会被裁剪掉。可以尝试将父元素的 overflow 属性设置为 visible 或其他值。 7. 子元素的 margin-collapse 问题：如果相邻的两个元素都设置了 margin-top，那么它们的 margin-top 可能会合并为一个值。可以尝试给其中一个元素添加 border-top 或 padding-top，或者使用其他方法避免 margin-collapse。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值