<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title><style type="text/css">*{margin:0;padding:0;} ?/*除去網(wǎng)頁內(nèi)各種標(biāo)簽的默認邊距*/ ? /*高度按子元素尺寸撐開*/#wrap{ width:1000px; ?/*長度如何計算？？？？？？？？？？？？？？？？？？在360和在ie中不一樣*/ margin:0 auto;}#header{ height:100px; background-color:#CCC;}#mainbody{ height:700px; background-color:#FF0;}#footer{ height:60px; background-color:#CCC;}.content{ border:7px #B7DBDB solid; padding:60px 15px 25px 15px;}.book{ background: url(../t_book1.gif) no-repeat #F2F7FB ; ?/*圖片沒有設(shè)置坐標(biāo)。默認從左上角開始*/? ? /*背景顏色在此設(shè)置，不要在content設(shè)置*/ }img{ margin:0 20px; border:3px #CCCCCC solid;}</style></head><body><div id="wrap">? <div id="header"></div>? <div id="mainbody">? ? <div class="content book"> ? ?<!--content為框架樣式、book為背景樣式-->? ? ? <img src="../book1.jpg" width="110" height="100" />? ? ? <img src="../book2.jpg" width="110" height="100" />? ? ? <img src="../book3.jpg" width="110" height="100" />? ? ? <img src="../book4.jpg" width="110" height="100" />? ? ? <img src="../book5.jpg" width="110" height="100" />? ? ? <img src="../book6.jpg" width="110" height="100" />? ? </div>? </div>? <div id="footer"></div></div></body></html>
3 回答
-
慕粉3537760不是根據(jù)子元素的寬高去確定父元素的寬高嗎？子元素確定了寬高。父元素就不用設(shè)置，不是嗎？不太懂 -
慕粉3537760就好像wrp寬度為1000px,所以header不用設(shè)置寬度
-
努力的開發(fā)人員都要定義寬高，不然有的瀏覽器元素自動撐不開。
