絕對定位的DIV寬度自動適應的一個方法_經驗交流

剛剛在一個頁面上用到了position:absolute;

這樣的程式碼在IE7和FIREFOX都不會有問題，但在IE6以下的會不支援；

<div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> 這是一個測試 </div>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

於是針對IE6我又是針對IE6我又加了一個

---

 這下可以了；

<div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> 這是一個測試<hr> </div>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

但是hrJs需刷新才能執行
]

但我不想在刷新頁面上出現；於是加了一個b <div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> <b style="float:right; height:0; overflow:hidden"> </b> </div> 這是一個測試

[Ctrl+A 全選注:
如需引入外部Js需刷新才能執行
]

這是一種方法；是我實在不知道該怎麼處理這東西的一種方法；誰知道真正的方法是什麼；麻煩告訴我一下；

這是最後的效果； <div style="background: #FFFDEC;-moz-opacity:0.9; filter:alpha(opacity=90); position:absolute; border:1px dashed #999; top:250px; padding:20px 50px; left:100px; right:100px; text-align: center; font-size:12px;"> <b style="float:right; height:0; overflow:hidden"> </b> </div> 這是一個測試

[Ctrl+A 全選 註:如需引入外部Js需刷新才能執行]