#left{?? ??? ??? ??? float:left;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?margin:0px;?? ??? ??? ??? ?position:absolute;?? ??? ??? ???? width:100%;?? ??? ??? ??? ?height:98%;?? ??? ??? ??? ?background:#eee;?? ??? ??? ??? ?}?? ??? ??? ??? ?.right{?? ??? ??? ??? ??? ?right:20px;?? ??? ??? ??? ??? ?position:absolute;?? ??? ??? ??? ???? float:right;?? ??? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ??? ?width:120px;?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?background:white;?? ??? ??? ??? ??? ?}?? ??? ??? ??? ?.div1{?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?float:left;?? ??? ??? ??? ?position:relative;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?left:0;?? ??? ??? ??? ?width:200px;?? ??? ??? ??? ?height:80px;?? ??? ??? ??? ?background:white;?? ??? ??? ??? ?}?? ??? ??? ??? ?.div2{?? ??? ??? ??? ?left:0;?? ??? ??? ??? ?position:relative;?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ??? ?width:90px;?? ??? ??? ??? ?height:60px;?? ??? ??? ??? ?padding-top:20px;?? ??? ??? ??? ?float:left;?? ??? ??? ??? ?background:#eee;?? ??? ??? ?}?? ??? ??? ?h4{?? ??? ??? ??? ??? ??? ??? ??? ?float:right;?? ??? ??? ?}?? ??? ??? ?.main{?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?height:80%;?? ??? ??? ??? ?text-align:center;?? ??? ??? ??? ?background:white;?? ??? ??? ??? ?margin:0 210px 0 270px;?? ??? ??? ??? ?position:absolute;?? ??? ??? ?}?? ??? ??? ?.logo1{?? ??? ??? ??? ??? ??? ??? ??? ?text-align:centenr;?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?margin:10px;?? ??? ??? ??? ?background:#eee;?? ??? ??? ??? ?width:60px;?? ??? ??? ??? ??? ??? ??? ?}?? ??? ??? ?.logo2{?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?margin:10px;?? ??? ??? ??? ?background:#eee;?? ??? ??? ??? ?text-align:centenr;?? ??? ??? ??? ?width:60px;?? ??? ??? ?}?? ??? ??? ?.logo3{?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?margin:10px;?? ??? ??? ??? ?background:#eee;?? ??? ??? ??? ?text-align:centenr;?? ??? ??? ??? ?width:60px;?? ??? ??? ?}?? ??? ??? ?.logo4{?? ??? ??? ??? ?border:2px solid #999;?? ??? ??? ??? ?padding:20px;?? ??? ??? ??? ?margin:10px;?? ??? ??? ??? ?background:#eee;?? ??? ??? ??? ?text-align:centenr;?? ??? ??? ??? ?width:60px;?? ??? ??? ?}?? ??? ??? ?</style>?? ??? ??? ?</head>?? ?<body>?? ??? ?<div id="left">?? ??? ??? ??? ?<div? class="div1"><h4>團(tuán)隊(duì)名稱</h4>?? ??? ??? ?<div class="div2"><center>團(tuán)隊(duì)LOGO</br>80x80</center></div></div>?? ??? ??? ??? ??? ?<div class="main">關(guān)于你們團(tuán)隊(duì)的介紹</br>?? ??? ??? ?我們是一組由大學(xué)生組成的學(xué)習(xí)團(tuán)隊(duì)，都是JS入門級(jí)別的菜鳥。</div>?? ??? ?<div class="right">?? ??? ??? ?<div class="logo1">個(gè)人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo2">個(gè)人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo3">個(gè)人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo4">個(gè)人LOGO</br>80x80</div>?? ??? ?</div>?? ??? ?</div>??? </body></html>
三欄布局，中間自適應(yīng)要怎么調(diào)呢？代碼如下，總算憋出來了，但是好復(fù)雜
慕粉151200503
2017-03-31 11:32:26
