1. 程式人生 > >float 浮動 div 不隨瀏覽器解析度 大小而位置發生變化

float 浮動 div 不隨瀏覽器解析度 大小而位置發生變化

<!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">

<div style="width:900px;border:1px solid yellow;">
<div style="position:relative;display:block;width:500px;float:left;border:1px solid black">dsadsadsa</div>
<div style="position:relative;display:block;width:300px;float:right;border:1px solid red">111111111111111111</div>
<div style="clear:both;"></div>
</div>

</html>

在浮動層外部 增加 父DIV 設定具體寬度即可。