<!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>這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容這是頁面的中間內(nèi)容</p></div></div><div><h4>sub</h4><p>這是頁面的左側(cè)內(nèi)容</p></div><div><h4>extra</h4><p>這是頁面的右側(cè)內(nèi)容</p></div><div><h4>footer</h4></div></body></html>
添加回答
舉報(bào)
0/150
提交
取消