H5学习之宠物网两种适配方式以及盒子模型简介

一，适配：

学习过程中遇到两种适配情况，

• 1，一种是如下图，居中适配，这种适配用的是textalign居中适配的，

• google.gif

• 2，另外一种是下图，从左开始适配，这种情况下用过的是float：left适配，这种适配有一个注意点就是当你把一个标签的float属性设置为left或者right之后，它的父标签高度就没有了，然后就没有办法进行居中或者其他设置，调出父控件的高度的方式是设置父控件的display属性为inline-block

• google01.gif

二，盒子模型

• 1， 两种盒子模型

• 图片 1.png
• 图片 2.png

• 2，书写格式：

• 3.png