三栏布局的方法

 1 <!doctype html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>1 2 3</title>
 6     <style>
 7         body{
 8     margin:0;
 9     padding:0;
10 }
11 #wrap{
12   display:flex;height:200px;
13 }
14 #d1,#d2,#d3 {    color:#fff;    text-align:center;}
15 #d1{    width:140px;    background:#FF6994;    flex-shrink:0;}
16 #d2{    width:233px;    background:#FF9B69;    flex-shrink:0;}
17 #d3{    flex-grow:1;    background:#69ADFF;}
18     </style>
19 </head>
20     <!--
21     div3栏布局，左边和中间固定宽度，右边自适应怎么弄,求助
22     http://www.oschina.net/question/1053665_223874
23   -->
24 <body>
25 <div id="wrap">
26     <div id="d1">我是定宽´ ▽ ` )ﾉ</div>
27     <div id="d2">我也是定宽呢╮(￣▽￣)╭</div>
28     <div id="d3">我是自适应的(ˊ_>ˋ)</div>
29 </div>
30 </body>
31 </html>
32 
33 
34 ie不兼容placeholder是的hacker
35 $('#check').focus(function() {
36     var val = $(this).val();
37     if(val=='如不愿透漏姓名，可留下姓氏，方便我们联系'){$(this).val('');$(this).css('color','#000');
38 }
39 }).blur(function() {
40 var val = $(this).val();
41     if(val==''){ $(this).val('如不愿透漏姓名，可留下姓氏，方便我们联系');
42     $(this).css('color','#aaa');
43 }
44 });

还有分享一个技术群，474471759，跟随里面的大佬一起成长，进群之后里面的JimY就是我。

如果我的博客解决了你的问题，那请你给个关注吧！

相关阅读:
mysql 常用方法
jquery input click取消默认事件
Sprint Boot 集成mongodb
MSSQL复习笔记
H5(3)基础知识点补充
H5(2) 前端基础知识点补充
H5(1) h5的新特性
用队列的方式实现日志
Spring.Net的快速应用
总结2016/展望2017

原文地址：https://www.cnblogs.com/DreamSeeker/p/8eb369183eafef1aa8aa5398070b7e8f.html