负值之美：负margin在页面布局中的应用
本文转载自:http://www.topcss.org/?p=94，有修改。 负数给人总是一种消极、否定、拒绝之感，不过有时利用负margin可以达到奇妙的效果，今天就表一表负值在页面布局中的应用。这里说的负值主要指的是负margin。 关于负margin的原理建议大家看看 ...
原文：浮动元素margin负值的应用
上次写到三列布局,其中提到浮动元素margin为负值时的应用,今天就来总结一下,它的用处何在. 首先,先来探究一下,当一个元素的margin为负值时,都会有哪些影响. 其一,对自身的影响. 当元素不存在width属性或则width:auto的时候,负值margin会增加元素的宽度. 注意:这仅仅是在元素不存在width属性或则width属性默认的时候,如果有宽度设置,margin left和mar ...
2017-02-07 11:22 0 2655 推荐指数：
相关推荐
margin为负值的几种情况
1、margin-top为负值像素 margin-top为负值像素，偏移值相对于自身，其后元素受影响，见如下代码： 效果： 2、margin-left为负值像素 margin-left为负值像素，偏移值相对于自身，其后元素 ...
margin负值的作用
一、左右负margin改变自身宽度 当元素不存在width或者width:auto的时候，负margin会增加元素的宽度。 html css 效果图 可以看到，div1多出了100px的宽度，正是因为加了负的margin。事实上 ...
深入理解CSS中的margin负值
的基础知识移步至此 表现 虽然margin可以应用到所有元素，但display属性不同时 ...
padding(内边框), border(边框), margin, 标准文档流, 块级元素和行内元素, 浮动 ,margin的用法
盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点 ...
负值之美：负值在页面布局中的应用
负数给人总是一种消极、否定、拒绝之感，不过生活中看到负数也会有惊喜之感，那就是看到银行给你邮寄的信用卡账单，本月的应付账款为负值时，且负值越大越好。好了，闲言碎语莫要讲，今天就表一表负值在页面布局中的应用。 1.负边距+定位：水平垂直居中 使用绝对定位将content的定点定位到body的中心 ...
margin赋值为负值的几种效果（负值像素，负值百分数）
1、margin-top为负值像素 margin-top为负值像素，偏移值相对于自身，其后元素受影响，见如下代码： 效果： 2、margin-left为负值像素 margin-left为负值像素，偏移值相对于自身，其后元素不受影响，见如下代码： 效果 ...
元素的浮动
1.元素的浮动属性float 浮动属性作为CSS3的重要属性，在网页布局中至关重要。在CSS中，通过float属性来定义浮动，所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 其基本语法格式为： 选择器{float： 属性值；} 在上面的语法中 ...