css中的margin

原创 2016年06月01日 23:05:31

margin: 20px 30px 40px 50px;

的意思是距离上部20px,距离右边30px,距离下边40px,距离左边50px。

#main{

    width:600px;

    margin:0 auto;

}

设置width可以避免控件的大小随着容器的大小的变化而改变。当浏览器窗口较小的时候,会出现滚动条。然后设置left 和 right auto来使空间里面的内容水平居中。

css关于margin在不同浏览器下的兼容

在学校中学的是Html,并没有学习Html5,工作后遇到这个问题。 发现只要把H4的标头改成H5的标头就能解决兼容性了(谷歌和火狐,没有去测试Ie的兼容性) 只要把改成就可以了。...
  • fjh1370505782
  • fjh1370505782
  • 2017年02月05日 11:27
  • 453

问题与对策:CSS的margin塌陷(collapse)

CSS及浏览器的设计者们希望我们在布局时,如果遇到上下两个并排内容块的安排,最好只设置其中每个块上或下margin的一处即可。w3school也规定:当两个垂直外边距相遇时,它们将形成一个外边距。合并...
  • u011043843
  • u011043843
  • 2014年08月25日 08:35
  • 2295

Web前端--CSS中margin和padding的区别

padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父空间的边距.padding和margin常用...
  • timtian008
  • timtian008
  • 2016年09月14日 11:20
  • 1032

CSS:margin重叠-父子关系

css中父div里面有一个子div,给子div添加margin-top: 20px,发现了一个问题!! 给子div添加margin-top: 20px,发现父子DIV都一起相对BODY下移了20PX...
  • huoshendawo_mo
  • huoshendawo_mo
  • 2015年11月05日 20:59
  • 2825

当margin用百分号(%)时,数值是以谁为基准?

今天做了一个demo,自己用原生的js写了一个轮播图,那么问题来了,当你用百分号表示margin-left的时候,他取得百分号的数值是以谁做为基准而取得值呢?子元素和父元素的width都是百分号表示,...
  • wxl1555
  • wxl1555
  • 2016年10月01日 01:05
  • 865

CSS中的框模型(box model)/margin、padding、border介绍/ 外边距层叠collapsing计算

框模型也叫做盒子模型,规定了4个区域:内容(content)、内边距(padding)、边框(border)、外边距(margin),模型图如下所示:...
  • ruoyiqing
  • ruoyiqing
  • 2014年08月31日 11:40
  • 1357

css中margin标记可以带一个、二个、三个、四个参数,各有不同的含义

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。带不同的参数具有不同的含义...
  • yywan1314520
  • yywan1314520
  • 2015年09月15日 09:55
  • 1325

css中clear与margin的相互作用

lear与margin的相互作用 1. clear与margin的重叠 请看如下代码: 1.     clear:both; 本文字离图片的距离是100px   2. ...
  • a_xin111
  • a_xin111
  • 2016年12月13日 21:30
  • 150

CSS 中Margin参数詳解

转自:http://hi.baidu.com/linmingnet/item/bd43f70f3b647be2fe240d5e margin:  (1)一个参数值,将用于全部的四边。  (2)两个...
  • chelen_jak
  • chelen_jak
  • 2014年03月04日 11:07
  • 2068

【CSS】padding,border,margin与width宽度的关系

padding,border,margin这三样东西不算难,算是在CSS中老生常谈的东西,但是要注意其对width的影响, 直接上一段极其简单的代码: margin_...
  • yongh701
  • yongh701
  • 2015年09月23日 17:23
  • 9357
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css中的margin
举报原因:
原因补充:

(最多只允许输入30个字)