<!DOCTYPE html><html><head><meta charset="UTF-8"><title>雙飛翼布局</title><style type="text/css">\*{margin: 0;padding: 0;}body{min-width: 700px;}.header,.footer{width: 100%;float: left;height: 40px;background: #ddd;text-align: center;line-height: 40px;}.sub,.main,.extra{float: left;min-height: 300px;}.main{width: 100%;min-height: 300px;}.main-inner{margin-left: 200px;margin-right: 220px;background: #30a457;min-height: 300px;}.sub{width: 200px;background: #f00;margin-left: -100%;}.extra{width: 220px;background: #1a5acd;margin-left: -220px;}</style></head><body><div><h4>header</h4></div><div><div><h4>main</h4><p>這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容這是頁面的中間內容</p></div></div><div><h4>sub</h4><p>這是頁面的左側內容</p></div><div><h4>extra</h4><p>這是頁面的右側內容</p></div><div><h4>footer</h4></div></body></html>
- 1 回答
- 0 關注
- 1111 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消