CSS盒子模型

控制页面布局

margin：外边距

auto 浏览器计算外边距。
length 规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
% 规定基于父元素的宽度的百分比的外边距。
inherit 规定应该从父元素继承外边距。

padding：内边距

length 规定以具体单位计的填充值，比如像素、厘米等。默认值是 0px
% 规定基于父元素的宽度的百分比的填充
inherit 指定应该从父元素继承padding

​

 

 

注意：默认情况下内边距会影响盒子的大小
　　解决办法：设置盒子属性，让width和height就是最终盒子的大小
　　　　box-sizing: border-box;

div
{
box-sizing:border-box;
width:50%;
float:left;
}

float：浮动
left：左浮动
right：右浮动vertical-align: middle;垂直居中--验证码图片