<!DOCTYPE html><html>
<head><meta charset="utf-8"/><title>左右浮动</title><style type="text/CSS"> #nav{height:30px;border:1px solid red;} #content{border:1px solid black;} #footer{position:absolute;bottom:0px;height: 20px;border:1px solid red;width: 100%;}</style></head><body><div id="nav">sdfs</div>
<div id="content"> <div style="border:1px solid red;float:left;width:300px;height:300px;">sdfsd</div> <div style="border:1px solid red;float:right;width:400px;height:300px;">sdfs</div> <span style="clear:both"></span></div>
<div id="footer">sdflksdjflskdjflksdjflskdjflksjdlfjsldkfjld</div></body></html>
样式:
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
新闻热点
疑难解答