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) 收藏 举报
浙公网安备 33010602011771号