#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>團隊名稱</h4>?? ??? ??? ?<div class="div2"><center>團隊LOGO</br>80x80</center></div></div>?? ??? ??? ??? ??? ?<div class="main">關于你們團隊的介紹</br>?? ??? ??? ?我們是一組由大學生組成的學習團隊，都是JS入門級別的菜鳥。</div>?? ??? ?<div class="right">?? ??? ??? ?<div class="logo1">個人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo2">個人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo3">個人LOGO</br>80x80</div>?? ??? ??? ?<div class="logo4">個人LOGO</br>80x80</div>?? ??? ?</div>?? ??? ?</div>??? </body></html>
三欄布局，中間自適應要怎么調呢？代碼如下，總算憋出來了，但是好復雜
慕粉151200503
2017-03-31 11:32:26
