css margin top_51CTO博客

css中margin-top/margin-bottom失效

要设置这两个值，我的理解应该在这个div的父容器中设置了固定宽高，或者设置了绝对定位，比如position:absolute（绝对定位）或者压根不用，直接用padding-top/padding-bottom替代参考： http://www.111cn.net/cssdiv/163/87752.

css

绝对定位

.net

宽高

技术

转载

mb5fe190f8e35a0

2016-12-12 02:33:00

414阅读

2评论

CSS--解决margin塌陷(margin-top失效)--实例

当2个垂直外边距相遇时，他们将合并为一个外边距。合并之后的外边距的高度等于2个发生合并的外边距的高度中的较大值。下述场景会导致margin合并：当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上/下外边距会发生合并。

css

前端

html

外边距

解决方案

原创

IT利刃出鞘

2022-02-15 15:44:25

525阅读

CSS margin-top,margin-bottom 的理解和应用

CSS margin-top,margin-bottom 的理解和应用

margin-top margin-b

原创

mybabe0312

2015-11-18 11:40:38

7750阅读

Android 设置 margin top

# Android 设置 margin top 在Android开发中，我们经常需要对View的位置进行调整，其中一个常见的需求就是设置View的margin。margin是指View与其周围元素之间的空白区域，通过设置margin，我们可以调整View在布局中的位置和大小。本文将介绍如何在Android中设置View的margin top，并提供相应的代码示例。 ## 什么是margin t

Android

java

xml

原创

mob64ca12da726f

2024-03-25 05:43:04

495阅读

CSS设置margin-top失效及解决办法

CSS设置margin-top失效及解决办法

边距

解决方法

Chrome

原创

mb655383be435e4

2023-11-30 20:13:12

499阅读

CSS设置margin-top失效及解决办法

在web网站开发中，有时候我们给html元素设置的margin-top或margin-bottom属性，但是

边距

chrome

解决方法

原创

wx6332e0803afcf

2022-11-08 15:47:57

503阅读

How do negative margins in CSS work and why is (margin-top:-5 != margin-bottom:5)?

How do negative margins in CSS work and why is (margin-top:-5 != margin-bottom:5)? 解答 Negative margins are valid in css and understanding their (compl

css

ide

sed

ios

技术

转载

mb5fe190725e8a3

2019-08-27 10:29:00

151阅读

2评论

css margin 重叠

意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也有例外情况

外边距

盒模型

边距

原创

hongmin118

2023-02-19 22:17:23

337阅读

CSS margin 属性

定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。例子 1margin:10px 5px

外边距

css

属性设置

边距

行内元素

转载

mb5fed73533dfa9

2013-05-30 00:32:00

460阅读

2评论

css的margin

1.适合于没有设定width/height的普通block水平元素2.只适用于水平方向尺寸例子：一侧定宽的自适应布局<html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy

html

3c

html5

原创

Immortality1

2022-04-24 18:10:59

262阅读

css【详解】—— margin属性（含margin合并，margin：auto，margin失效）

目录margin合并的场景1. 相邻兄弟元素margin合并2.父级和第一个/最后一个子元素阻止m

内联元素

边距

绝对定位

原创

朝阳39

2022-07-12 21:58:34

971阅读

CSS中margin-top属性失效问题解决

CSS属性有很多值得学习的地方，你对CSS中margin-top属性失效的解决方法是否熟悉，这里和大家分享一下，相信通过本文的介绍你对margin-top属性失效的解决方法一定会有深刻的认识。关于margin-top属性失效的解决方法常出现两种情况：（一）margin-top失效先看下面代码： <div>

html

css

margin

浮动布局

原创

zhanfeng0102

2012-10-08 14:18:04

460阅读

CSS之margin属性

A、如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 B、如果只提供一个，将用于全部的四边。 C、如果提供两个，第一个用于上、下，第二个用于左、右。 D、如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 D、内联对象可以使用该属性设置左、右两边的外补丁；若要设置上、下两边的外补丁，必须先使该对象表现为块级或内联块级。 F、外

CSS

margin

原创

wjgdu

2015-12-03 20:14:58

619阅读

css///////margin：外边距

margin-top/left/right/bottom使用方式：（1）margin：30px 表示上下左右外边距都为30px（2）margin-left：30px 单独设置左外边距30px（3）margin: 10px 20px;上下为10px 左右20px（4）margin：10px 20px 30px;表示上为10px 左右为20px 下为30px（5）margin：10px 20px 30

css

外边距

margin

转载

mb6066e41c771e0

2021-04-21 09:30:44

510阅读

2评论

css///////margin：外边距

margin-top/left/right/bottom 使用方式：（1）margin：30px 表示上下左右外边距都为30px （2）margin-left：30px 单独设置左外边距30px （3）margin: 10px 20px;上下为10px 左右20px （4）margin：10px

css

外边距

转载

mb6066e41c771e0

2021-04-21 09:26:54

262阅读

2评论

CSS margin(外边距)

margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 margin属性可以有一到四个值 margin:25px 50px 75px 100px; 上边距为25px 右边距为

边距

背景颜色

原创

echohye

2022-08-01 10:37:15

392阅读

解决margin-top无效问题

当两个空的块级元素嵌套时，如果内部的块设置有margin top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin top属性会绑架父元素（即将margin top传递凌驾给了父元素）。 html css

解决方法

ide

块级元素

css

html

原创

TBHacker

2021-08-05 15:51:51

227阅读

relative定位下要使用top、left，而不是margin-top、margin-left

如果需要某个元素相对定位到父级元素的某个位置，那个需要给父级元素加”position: absolute;"，给子元素加“position:relative",子元素的定位要使" top: 30%; left: 30%"之类的来确定位置，而不是使用 “margin-top: 30%; margin-left: 30%"，因为这样可能造成在某些浏览器不支持

知识分享

原创

软件工程小施同学

2021-06-17 14:01:04

730阅读

relative定位下要使用top、left，而不是margin-top、margin-left

如果需要某个元素相对定位到父级元素的某个位置，那个需要给父级元素加”position: absolute;"，给子元素加“position:relative",子元素的定位要使" top: 30%; left: 30%"之类的来确定位置，而不是使用 “margin-top: 30%; margin-left: 30%"，因为这样可能造成在某些浏览器不支持

父级元素

相对定位

其他

原创

软件工程小施同学

2022-03-27 18:47:10

261阅读

嵌套的margin-top无效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- Read More

样式

html

xml

3c

解决方法

转载

已注销

2013-06-04 15:52:00

41阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

css margin top

css中margin-top/margin-bottom失效

CSS--解决margin塌陷(margin-top失效)--实例

CSS margin-top,margin-bottom 的理解和应用

Android 设置 margin top

CSS设置margin-top失效及解决办法

CSS设置margin-top失效及解决办法

How do negative margins in CSS work and why is (margin-top:-5 != margin-bottom:5)?

css margin 重叠

CSS margin 属性

css的margin

css【详解】—— margin属性（含margin合并，margin：auto，margin失效）

CSS中margin-top属性失效问题解决

CSS之margin属性

css///////margin：外边距

css///////margin：外边距

CSS margin(外边距)

解决margin-top无效问题

relative定位下要使用top、left，而不是margin-top、margin-left

relative定位下要使用top、left，而不是margin-top、margin-left

嵌套的margin-top无效

margin-top不生效原因

css中子元素设置margin-top会影响到父元素

父元素与子元素之间的margin-top问题(css hack)

css中子元素设置margin-top为什么影响了父元素

CSS（09）CSS外边距margin合并

CSS的margin属性实例

CSS 之外补白（Margin）

CSS中的margin、border、padding区别 CSS padding margin border属性详解

CSS margin collapsing All In One

CSS中的margin属性