margin负边距

1、影响文档流的样式包括:

  float、position:absolute、position:fix、margin负边距

2、margin设置:

  1、正边距:只能向右向下占用文档流,只能排在已经出现的元素的后面,其文档流位置的变化与排在前面文档流的元素的位置有关

  2、负边距:给元素加margin负值会影响元素文档流的位置,文档流是元素在文档中的位置,不是相对于body,

3、举例说明:

  margin-left:-10px; 整体会向左移动10px,向左覆盖前面的文档流10px,后面的文档流会一起移动,自己不会被后面的元素覆盖;

  margin-top:-10px; 对行内元素无效,对block或者inline-block属性有效,文档流整体会向上移动10px,下面的文档流会一起移动,自己不会被后面的元素覆盖;

  margin-right:-10px;元素不会整体移动,只是右边的文档流会被覆盖10px;

  margin-bottom:-10px; 对行内元素无效,对block或者inline-block属性有效,元素不会整体移动,只是下边的文档流会被覆盖10px;

 

posted on 2016-03-25 22:30  httfighter  阅读(290)  评论(0)    收藏  举报

导航