LYJJYJ

margin在 水平方向 上有效，在 垂直方向 上是无效的。 margin会发生塌陷（重叠）。 上面的盒子设置margin-bottom，下面的盒子设置margin-top。取大优先 写页面是最好避免同时设置上下两个盒子的margin。 1. 父元素的margin-top与它的…

 margin可以设置成负值，    如margin-left:  正值        表示 远离  left方向    如margin-left：负值        表示 靠近  left方向解决1

使几个DIV在同一行并排显示，有间隙的情况的处理方案。 margin可以为负值，来增加一个容器的宽度。 使几个DIV在同一行并排显示，有间隙的情况的处理方案。 margin可以为负值，来增加一个容器的宽度。

浮动的深入之浮动的初衷。 浮动 刚创建 出来时，并 不是 为了 实现 块级元素 并排显示的。 是实现所谓的 字围效果----------文字绕着图片走。 浮动 会 脱离 标准文档流，类似于img出国了， 后面的元素 就向钻，但是文字不会钻，它会围绕图片。 如果是全脱离标准文档流…

破坏了流式布局，可以让块级元素并排显示。 按照 标签 的特征，进行的默认布局，从上到下，从左到右进行排列，块级元素独占一行，行内元素并排显示。 在CSS3中，提出更好的一种布局方案，叫flex布局。在移动端（手机，平板）开发，可以使用flex来代替浮动布局。

必须是 块级元素，并且这个块级元素 没有明确的设置尺寸。 如果一个 块级元素的 width没有设置，它的宽度 就是父元素的宽度的100%。 如果此时让它浮动了，它的宽度 由 内容来决定，尽可能 地压缩空间。 这就是块级元素浮动所产生的包裹性。 里面有多少内容，它的宽度就是多少。

一个行内元素浮动了，相当于做了一个变性手术，变了块级元素。 对于一个行内元素，不能设置宽度和高度。 但是如果你让它浮动了，那它就变成一块级元素，可以设置宽高。

下，会塌陷。 什么时候用？ 如果一个页面中高度是 固定死的，也可以使用加高法。 如果一个父元素高度塌陷，可以让它浮动起来，它高度就不塌陷了。

1.如果盒子中只有右浮动，没有左浮动，效果会有错行的效果。 2.如果一个盒子中只有右浮动，没有左浮动，通常把右浮动的元素写在前面。 3.如果有左浮动，也有右浮动，那么谁写在前面（左浮动的元素或是右浮动的元素）都OK的。