弹性盒子布局flex,box-sizing:border-box-创新互联
*{margin: 0; padding: 0;}
input{color:inherit;font:inherit; -webkit-box-flex: 1;box-flex: 1;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,0,0,0); box-sizing: border-box; display: block;}
html {
height: 100%;
}
.main{padding: 10px;}
.box {
display: -webkit-box;
display: box;
display: flex;
display: -webkit-flex;
background-color: #dbdbdb;
height: 36px;
padding: 10px 2px;
}
.l{width: 110px; height: 36px;}
.l input,.r input{width: 100%;line-height: 36px;border: 1px solid #ccc;box-sizing: border-box;}
.r{-webkit-box-flex: 1;-ms-flex:1; flex:1;padding-left: 5px;}
.r2 input{line-height: 36px;}
.r2{width: 100%}
//
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:弹性盒子布局flex,box-sizing:border-box-创新互联
文章分享:http://cdiso.cn/article/jhcdo.html