方法/步骤 1 选择需要设置 margin-top 的元素。2 使用 margin-top 属性设置外边距值。3 设置外边距的单位,如 px、em 等。注意事项 外边距可以为负值,使元素上移。外边距会影响元素在文档流中的位置,也会影响相邻元素的位置。
you can see that a top margin value is declared for the p element, and in the code excerpt below, you can see that the p element is a child of the div element:
默认值: 继承: no 版本: CSS1 JavaScript 语法: object.style.marginTop="10px"浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 margin-top 1.0 6.0 1.0 1.0 3.5属性值值描述 auto 浏览器设置的上外边距。 length 定义固定的上外边距。默认值是 0。 % 定义基于父对象总宽度的百分比上外边距...
margin-top 塌陷 在两个盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下: 1、外部盒子设置一个边框 2、外部盒子设置 overflow:hidden 3、使用伪元素类:(推荐使用) .clearfix:before{ content: ''; ...
#element { padding-top: 1px; margin-top: -1px; } #element was being pushed down because it's first child element had a margin-top: 30px. With this CSS, it now works as expected :) Not sure if it'll work for every case, YMMV. Share Improve this answer Follow answered May 10...
margin-top:100px;/*与浏览器顶部的距离*/ border:5px solid blue; } .container .item{ width:200px; height: 200px; background-color: skyblue; margin-top:50px;/*因为container中加了border边框,所以这里的外边距不会穿透合并*/ } .container .item .box{ width:100px; height: 100px; background...
一、Margin 单独边 4 个单独边的属性分别是: margin-top:用于设置元素的上外边距,即元素顶部与其上面元素的距离。 margin-right:用于设置元素的右外边距,即元素右侧与其右侧元素的距离。 margin-bottom:用于设置元素的下外边距,即元素底部与其下面元素的距离。
(inline)内容,也没有创建区块格式化上下文或间隙来分隔块级元素的上边距(margin-top)与其内一个或多个子代块级元素的上边距(margin-top);或者没有设定边框、内边距、行级内容、高度(height)或最小高度(min-height)来分隔块级元素的下边距(margin-bottom)与其内部的一个或多个后代后代块元素的下边距(margin-...
一、margin属性 Margin属性有以下一些属性值:1.margin-top: 设置元素上方的外边距大小;2.margin-right: 设置元素右侧的外边距大小;3.margin-bottom: 设置元素下方的外边距大小;4.margin-left: 设置元素左侧的外边距大小;5.margin: 可以同时设置四个方向的外边距大小;- 合写margin属性,直接后边跟4个值:分别...