1.box-sizing:border-box 设定此特性后,此元素的内边距和边框已不会提升它的宽度
要想网页页面上全部的元素都有这般主要表现。因此开发设计者们把下列CSS编码放在她们网页页面上:
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
box-sizing 是个很新的特性,现阶段必须应用 -webkit-和 -moz- 前缀。这能够开启特殊访问器试验中的特点。另外记牢它是适用IE8+。
2.overflow:auto 当照片比包括它的元素还高,很难堪的事儿产生了:“它出墙了”,这时候给父级元素再加这个css特性试试
3.回应试设计方案(responsive design) 是1种让网站对于不一样的访问器和机器设备“回应”不一样显示信息实际效果的对策
@media
4.display:inline-block 非常于float的功效,而不用应用clear