04003 盒子初步及案例 – 恵玩科技



几乎所有标签都是一个盒子.

所谓盒子,就是能够包容一定的范围.

盒子是放内容的区域.
盒子别表格优秀的地方在于自由!!!

边框 
内容区
外边距
内边距

以后会大量使用div这个典型盒子.

float这个属性改变div独占一行的属性
	行内盒子,自然会在一行上从左到右排列,满行以后自动换行
	块盒子,无论多大,独占一行
	则:
	要想让盒子并列放置,就必须对他们进行互动处理

浮动原理:
	让块盒子脱离原来的块,独立出来,漂浮在另一个图层上.
	但是:从内容角度来说,浮动的盒子会抢占空间,即就是说,浮动盒子所在空间不能放置其他内容.

	所有浮动盒子的父盒子都需要特别处理.
		1.设定高度,保证能将子盒子包住 只能适用于特别的情况
		2.overflow=hidden; 清除浮动,能够根据子盒子内容高度变化而变化  --->自然高度
		3.在父盒子内部的最后一个位置加一个清除浮动的0高度div
			clear:both;

 

打赏作者