!!!常用CSS代码
2020-12-13 02:53
标签：style blog class code java ext .box{overflow:auto;zoom:1;} .box-in{display:inline-block;vertical-align:top;} .border-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/*ie8+*/ body,div,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} （待补充） 清除浮动 box-sizing：IE8及IE8+ 媒体查询 http://zh.learnlayout.com/media-queries.html 下次阅读 Flexbox http://zh.learnlayout.com/flexbox.html (扩展阅读) css框架 http://zh.learnlayout.com/frameworks.html (扩展阅读) !!!常用CSS代码,搜素材,soscw.com !!!常用CSS代码 标签：style blog class code java ext 原文地址：http://www.cnblogs.com/qq21270/p/3721139.html
style type="text/css">
div{background:#ddd;border:1px solid #000;width:400px;}
.box{overflow:auto;zoom:1;}/*zoom:IE 6,7*/
img{float:right;} style>
h1>清除浮动h1>
div class="box">img src="http://zh.learnlayout.com/images/ilta.png">div>
br>br>
div>img src="http://zh.learnlayout.com/images/ilta.png">div>
style type="text/css">
div{background:#999;width: 500px;height:100px;margin: 20px;}
.simple {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fancy {
padding: 50px;
border: solid #000 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ccc{
border: solid #000 20px;
}
style>
h1>box-sizing : IE8及IE8+h1>
div class="simple">aaaaaaaadiv>
div class="fancy">aaaaaaaaadiv>
div class="ccc">aaaaaaaaadiv>