液态三栏布局
<!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=gb2312" /><title>三栏</title><style type="text/css">body { margin: 0px; padding: 0px;}div#header { clear: both; height: 50px; background-color: aqua; padding: 1px;}div#left { float: left; width: 150px; background-color: red;}div#right { float: right; width: 150px; background-color: green;}div#middle { padding: 0px 160px 5px 160px; margin: 0px; background-color: silver;}div#footer { clear: both; background-color: yellow;}</style></head><body><div id="header"> <h1>Header</h1></div><div id="left"> Port side text...</div><div id="right"> Starboard side text...</div><div id="middle"> Middle column text...</div><div id="footer"> Footer text...</div></body></html>
页:
[1]