第31章項(xiàng)目實(shí)戰(zhàn)-pc端固定布局

31-PC端固定布局學(xué)習(xí)要點(diǎn)

主講教師：本課程由北風(fēng)網(wǎng)和瓢城 一．側(cè)欄制作片，而主要部分也會(huì)包含，那么側(cè)欄放在左邊可能會(huì)和主欄的導(dǎo)致不協(xié)調(diào)，所以，我們把側(cè)欄更換到右邊。#container{width:1263px;margin:30pxauto;}{width:340px;float:right;}//自適應(yīng)后，footer需要clear:both#footer{top:20px;}以下三 ，是連續(xù)在一列的，為了方 ，分別截圖二．詳細(xì)代碼//HTML部<div<aside<div <h2>景點(diǎn)推薦<div<ahref="###"><ahref="###"><ahref="###">麥<divclass="sidebox<h2>熱賣旅游<div<figcaption>曼谷-芭提雅6日游<figcaption>馬爾代夫雙魚6日游<figcaption>海南雙飛5日游<figcaption>富山大阪東京8日游<figcaption>法瑞意德12日游<figcaption>巴厘島6日半游<figcaption>塞舌爾迪拜9日游<figcaption>花樣土耳其10日游<divclass="sidebox<h2>旅游百寶箱<div""http://CSS部#containerwidth:1263px;margin:30pxauto;}{width:340px;float:right;}#container{border:1pxsolid#eee;margin:000;text-align:}#container.sidebox{font-size:20px;font-weight:normal;letter-spacing:1px;height:40px;line-height:40px;text-indent:color:#666;text-align:}#container{padding:10px}#container.tag{disy:inline-block;margin:2px0;width:100px;height:35px;color:#999;text-align:left;text-indent:}#container.tag{background-color:#458b00;color:#fff;}{padding:10px}#container.hot{disy:inline-block;color:#666;padding:}#container{padding:10px}#container.box{disy:inline-block;margin:2px0;width:150px;height:40px;color:#999;text-align:left;text-indent:}#container.boxa.trea1background:#eeeurl(../img/trea1.png)no-repeat10px}#container.boxa.trea2background:#eeeurl(../img/trea2.png)no-repeat10px}#container.boxa.trea3background:#eeeurl(../img/trea3.png)no-repeat10px}#container.boxa.trea4background:#eeeurl(../img/trea4.png)n