<label id="cfux8"></label>
課程
/前端開發
/HTML/CSS
/網頁布局基礎
沒什么思路
2016-07-03
源自：網頁布局基礎 5-1
正在回答
可以自己動手跟著練習的：
<!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>無標題文檔</title> <style?type="text/css"> *{margin:0;?padding:0;} #wrap{width:970px;?margin:o?auto;} #mainbody{?margin-top:15px;position:relative;} #left{float:left;width:110px;?} #mid{float:left;margin-left:13px;width:650px;border:1px?solid?#999;} #right{position:absolute;top:0;left:797px;border:1px?solid?#999;} </style> </head> <body> <div?id="wrap"> ?????<div?id="header"><img?src="http://img1.sycdn.imooc.com//5369cd6e0001a15b09700088.jpg"?width="970"?height="88"?/></div> ?????<div?id="mainbody"> ??????????<div?id="left"><img?src="http://img1.sycdn.imooc.com//5369cd0e00011e3901090487.jpg"?width="109"?height="487"?/></div> ??????????<div?id="mid"><img?src="http://img1.sycdn.imooc.com//5369cd3c00013e9e06490439.jpg"?width="649"?height="439"?/></div> ??????????<div?id="right"><p>歡迎使用金山軟件出品的愛詞霸，在線查詢你英語詞匯、句子釋義</p><img?src="http://img1.sycdn.imooc.com//5369cd540001d8e101770329.jpg"?width="177"?height="329"?/></div> ??</div> </div> </body> </html>
哈尼露易絲 提問者
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-03
可以自己動手跟著練習的：
<!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>無標題文檔</title> <style?type="text/css"> *{margin:0;?padding:0;} #wrap{width:970px;?margin:o?auto;} #mainbody{?margin-top:15px;position:relative;} #left{float:left;width:110px;?} #mid{float:left;margin-left:13px;width:650px;border:1px?solid?#999;} #right{position:absolute;top:0;left:797px;border:1px?solid?#999;} </style> </head> <body> <div?id="wrap"> ?????<div?id="header"><img?src="http://img1.sycdn.imooc.com//5369cd6e0001a15b09700088.jpg"?width="970"?height="88"?/></div> ?????<div?id="mainbody"> ??????????<div?id="left"><img?src="http://img1.sycdn.imooc.com//5369cd0e00011e3901090487.jpg"?width="109"?height="487"?/></div> ??????????<div?id="mid"><img?src="http://img1.sycdn.imooc.com//5369cd3c00013e9e06490439.jpg"?width="649"?height="439"?/></div> ??????????<div?id="right"><p>歡迎使用金山軟件出品的愛詞霸，在線查詢你英語詞匯、句子釋義</p><img?src="http://img1.sycdn.imooc.com//5369cd540001d8e101770329.jpg"?width="177"?height="329"?/></div> ??</div> </div> </body> </html>