js margin作用到父元素

1 margin

属性设置元素的外边距。

该属性可使用

到

个值：



如果规定一个值，比如

div {margin: 50px} -

所有的外边距都是

50 px



如果规定两个值，比如

div

{margin:

50px

10px}

上下外边距是

50px

，

左右外边距是

10 px

。



如果规定三个值，比如

div {margin: 50px 10px 20px}-

上外边距是

，而左右外边距是

10 px

，下外边距是

20 px

。



如果规定四个值，比如

div {margin: 50px 10px 20px 30px} -

上外边

距是

，右外边距是

，下外边距是

，左外边距是

。

语法：

Object.style.margin=margin

可能的值：

值

描述

margin

设置外边距。

值可以是：



百分比(基于父对象总高度或宽度的百分比)



长度值(定义一个固定的边距)



auto

(浏览器设定的值)。

实例

下面的例子改变了段落的外边距：

function changeMargin()

{

document.getElementById("p1").style.margin="100px";

}

js margin作用到父元素_JS margin边距相关推荐

js margin作用到父元素_CSS中margin-top对父级元素产生作用的问题
在页面重构中,利用margin进行定位非常常见,然而margin-top这个属性经常会给我们带来一定的困扰,有时候不起作用,还把父层"拉"了下来,如图所示: 代码如下: test2 ...
布局时margin会影响父元素
布局时margin会影响父元素.md 在布局使用margin时 <div class="login-bg"><div class="login" ...
js获取对象的父元素,子元素,兄弟元素
今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...
class 原生js获取父元素_JS获取节点的兄弟,父级,子级元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的J ...
js删除数组中指定元素_js中数组操作详解
今天给大家带来一篇有关数组操作方法的文章. 新建数组方法一:通过new运算符创建一个数组构造函数. var arr = new Array(); 方法二:通过方括号直接创建直接量数组. var ar ...
什么是BFC机制，如何触发BFC（消除浮动带来的父元素塌陷、垂直方向margin重叠、嵌套块级元素父元素margin塌陷）
BFC机制 BFC(Block Formatting Context):块格式化上下文 BFC是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其余元素的关系和相互 ...
margin折叠-从子元素margin-top影响父元素引出的问题
正在做一个手机端电商项目,顶部导航栈的布局是一个div包含一个子div,如果给在正常文档流中的子div一个垂直margin-top,神奇的现象出现了,两父子元素的边距没变,但父div跟着一起往下走了! ...
[css] css中padding和margin是相对于父元素还是子元素呢？
[css] css中padding和margin是相对于父元素还是子元素呢? padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面). ==>padding相对于子 ...
C语言margin的作用是,你真的懂margin吗？
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你 ...

js margin作用到父元素_JS margin边距

js margin作用到父元素_JS margin边距相关推荐

最新文章

热门文章