renjie123321的博客

在css中有四种方法可以设置元素的显示与隐藏1.display 显示display 属性规定元素应该生成的框的类型。设置display：none让此元素不会显示，从而达到隐藏的效果设置display：block将此元素显示为块级元素，从而达到显示的效果注意：隐藏之后不占据页面空间，不再为其保留位置附：display的其他属性2.visibility 可见性visibility 属性规定元素是否可见。设置visibility：hidden使元素不可见设置visibility：vis.

浮动是布局的时用到的一种技术，能够方便我们进行布局。 1、浮动的设置： css属性float： left/right/none 左浮动/右浮动/不浮动（默认） 2、浮动的原理： 使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3、浮动的影响： 对附近的元素布局造成改变，使得布局混乱 因为浮动元素脱离了普通流，会出现一种高度坍塌的现象： 原来的父容器高度是...

外边距合并首先，我们先来看一下什么是外边距合并。外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。但在垂直方向上又分为两种情况，父子级和兄弟级。接下来，我们分别来讨论这两种情况。父子级首先我们看一下外边距合并时的现象<!DOC

1.元素水平居中1.1在父元素上使用text-align:centerfather { text-align: center; }1.2为元素设置以下属性margin : 0 auto;1.3多个块级元素在一行居中将块级元素设置为行内块级inline-block，然后父元素给text-align:center<style type="text/css"> #container {