Question

CSS中定义一个大框，然后在框中连续定义3个一样大的小框，为何第一框就要加float:left?

如图所示，DIV定义了一个BOX的大框，然后在中间定义了PIC1，PIC2，PIC3三个小框，为何第一个框就需要定义float:left这个左对齐属性呢？如果不定义，测试就如图2所示，另起了一行，这是咋回事，我PIC2 和PIC3 定义了 float:left为何没有作用？





Answer 1

float:left,这个是让标签浮动对齐的，你后面两个没效果是写法有错误，#pic2,这里缺少一个空格，应该这样写
#pic2, #pic3{}，多个CSS写在一行，每一个逗号后面要加一个空

Answer 2

float:left. 是左浮动 不是左对齐

追问

我感觉作用就是能接着左边的排。对了，是不是块元素本身是占一行的，如果没有浮动就应该另启一行排。如果有左浮动就可以接着排了？如果不是我这个理解，请问左浮动的意义是什么。我的PIC1 是 BOX层内的第一个层，为何需要左浮动，要左浮动的意义是什么？

追答

差不多就是这个意思

Answer 3

第一个div浮动才能让其它的div也跟着浮动，否则div是块级元素，第二个第三个浮动也是在一下行了

Answer 4

块级元素具有以下特点：如（div）
①总是在新行上开始，占据一整行；
②高度，行高以及外边距和内边距都可控制；
③宽带始终是与浏览器宽度一样，与内容无关；
④它可以容纳内联元素和其他块元素。
行内元素的特点：如（span）
①和其他元素都在一行上；
②高，行高及外边距和内边距部分可改变；
③宽度只与内容有关；
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用。
CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。
注意：
浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。
浮动元素后边的非浮动元素显示问题。
多个浮动方向一致的元素使用流式排列，此时要注意浮动元素的高度。
子元素全为浮动元素的元素高度自适应问题