margin-top有时候不起作用
最新推荐文章于 2021-06-17 07:01:33 发布
原创
最新推荐文章于 2021-06-17 07:01:33 发布
·
228 阅读
·
0
·
0
·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循
CC 4.0 BY-SA
版权协议，转载请附上原文出处链接和本声明。
博客指出在使用ul和li时，设置margin-top属性会出现不起作用的情况，聚焦于前端开发中列表元素样式属性的应用问题。
摘要生成于
C知道
，由 DeepSeek-R1 满血版支持，
前往体验 >
有时在用ul,li时。使用属性margin-top不起作用！
确定要放弃本次机会？
福利倒计时
:
:
立减 ¥
普通VIP年卡可用
立即使用
iteye_19587
关注
关注
0
点赞
踩
0
收藏
觉得还不错?
一键收藏
知道了
0
评论
分享
复制链接
分享到 QQ
分享到新浪微博
扫一扫
举报
举报
给第一个子元素加
margin
-
top
，父元素会向下移动的解决办法
以休伯利安的名义
01-19
899
4种方案方法一：给父元素加overflow:hidden方法二：给父元素加border:1px solid transparent方法三：父元素或子元素浮动方法四：父元素加padding
-
top
:1px写在最后 给第一个子元素设置
margin
-
top
上外边距时，父元素总会跟着向下移动。 <div id="parent"> <div id="son"></div> </div> <style> body{
margin
CSS 学习之正确看待 CSS 世界里的
margin
合并
青颜的天空的博客
01-03
1413
块级元素的上外边距(
margin
-
top
)与下外边距(
margin
-
bottom)有时会合并为单个外边距，这样的现象称为“
margin
合并从此定义上，我们可以捕获两点重要的信息。块级元素，但不包括浮动和绝对定位元素，尽管浮动和绝对定位可以让元素块状化。只发生在垂直方向，需要注意的是，这种说法在不考虑 writing
-
mode 的情况下才是正确的，严格来讲，应该是只发生在和当前文档流方向的相垂直的方向上。由于默认文档流 是水平流，因此发生
margin
合并的就是垂直方向。
参与评论
您还未登录，请先
登录
后发表或查看评论
div
margin
-
top
不起作用
liyifei21的专栏
06-15
1655
div
margin
-
top
不起作用
类似上面的布局 不知道为什么
margin
-
top
不起作用
，要把外层的div加上float样式就正常了
为什么调html中
margin
没有变化,CSS中
margin
不起作用
的原因及解决方法
weixin_39595008的博客
06-17
521
margin
是一个属性，指定元素和元素之间的间距，但不能为内联元素指定边距，本篇文章将给大家介绍关于CSS中
margin
不起作用
的原因及解决方法。
margin
不起作用
的原因对于初学者来说，可能会经常遇到即使你设置了
margin
属性但是却
不起作用
。在理解
margin
前，我们先来看一下盒模型
margin
不起作用
的原因往往是没有考虑到display：“display:block”或者“display:i...
margin
-
left有效果但是
margin
-
top
没有用没有效果？如何解决？
weixin_34212762的博客
06-27
971
因为span是内联函数，你需要先把span设置为块级元素或块级内联函数才可以。 代码如下：span{display:block;
margin
-
top
;} 内联元素可以设置左右外边距和内边距，但如果想要设置上下内边距和外边距就必须设置为块级元素。 转载于:https://www.cnblogs.com/lsyy2017/p/11099679.html...
html
margin
-
top
不起作用
热门推荐
风华绝代的博客
01-13
1万+
margin
-
top
不起作用
IE7、IE8、ff下的
margin
-
top
问题 折叠
margin
12-11
“collapsing
margin
s”（折叠
margin
）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的
margin
属性（这之间不能有非空内容、padding区域、border边框或使用清除分离方法）结合表示为一个单独的
margin
。...
几种经典的居中技巧（垂直和水平居中）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-25
5393
技巧一（推荐指数★★★★★）采用
top
、right、bottom、left，可以不在乎父元素的宽度和高度，对GPU损耗低于技巧三，但是对浏览器内存的消耗高于技巧三 .子元素 { /*父元素需要position: relative|absolute;*/ position: absolute;
margin
: auto; ...
10_盒子模型
-
margin
的传递.html
10-09
然而，这种合并行为
有时候
会导致布局的不确定，尤其是对于初学者而言。 此外，需要注意的是，内联元素（inline element）与块级元素的行为有所不同。内联元素不会产生
margin
合并，因为它们的外边距不会与其父元素的...
居中那些事：居中为什么
有时候
没效果
margin
：0 auto text
-
align:center valign vertical
-
align:middle
luckyGirlIT的博客
07-04
739
1.table表格中的居中（不仅仅是表格 任何情况下都可以设置行内水平居中样式，但是垂直居中不可以） 水平居中 垂直居中 2.
margin
:0 auto
margin
:0 auto
不起作用
的原因：界面需要有宽度 ，如果只有图片Img等行内元素，没有宽度 则需要给body一个宽度,才能有作用 3.vertical
-
align:middle 垂直居中 为什么
不起作用
图片垂直居中用vertical
-
...
ul列表解决最后一个li标签的
margin
问题
一杯苦恰啡的博客
08-15
3711
原文地址：http://www.qdfuns.com/notes/18692/4aaf900b84dcb4ab111ddfd93b87c8ee.html 方法一：运用css3的nth
-
child(3n)，但是不兼容ie8及以下。<!DOCTYPE html> <html> <head> <meta charset="UTF
-
8"> <title>demo</title> <
margin
-
top
导致子标签绑架父标签问题
pengzheng1985的专栏
06-21
2431
现象： 当两个空的块级元素嵌套时，如果内部的块设置有
margin
-
top
属性，而且父元素没有下边解决方法所述的特征，那么内部块的
margin
-
top
属性会绑架父元素（即将
margin
-
top
传递凌驾给了父元素）。 就好比一个小兵，看到上级有漏洞，就假传圣旨，利用漏洞扩张自己的权利。只要设置父元素的border（栅栏）或者padding（隔离墙），就能管住这个调皮的下属。 #parren
margin
-
top
不生效的原因和解决方法
weixin_30617695的博客
09-04
4357
div嵌套引起的
margin
-
top
不起作用
(2012
-
04
-
06 10:56:35) 嵌套div中
margin
-
top
转移问题的解决办法在这两个浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的
margin
-
top
或者
margin
-
bottom的值会“转移”给外层div。<!DOCTYPE html PUBLIC "
-
//W3C//D...
ul标签在容器内如何使
margin
属性生效
weixin_33858485的博客
06-17
973
ul在IE下具有默认
Margin
-
left属性,在FF下具有默认Padding
-
left属性只有ul根在某个元素之后或者之前相应
Margin
才能体现出来，如果ul在某个容器内且容器内只有此ul，则不能体现ul的
Margin
-
top
属性。方法：1、给外层窗口加边框（测试应该在容器里的仅有唯一内容 ul 的情况下有效）2、让 ul 元素浮动3、给 ul 元素套样式 overflo...
margin
-
top
失效原因以及解决方法。
xiyanghong999的博客
04-01
5378
<!DOCTYPE HTML> <html> <head> <meta charset="utf
-
8"> <title></title> <style> * { padding:0;
margin
:0;} body { width:400px; height:400px; border:1p
margin
-
top
不要影响兄弟元素
最新发布
03-08
比如，如果上面的元素有
margin
-
bottom，下面的元素有
margin
-
top
，那么两者会合并，取较大的那个值，而不是相加。但用户的问题是关于
margin
-
top
是否会影响兄弟元素，可能是指元素自身的
margin
-
top
是否会影响其前面的...
博客指出在使用ul和li时，设置margin-top属性会出现不起作用的情况，聚焦于前端开发中列表元素样式属性的应用问题。
扫一扫
899