A method to automatically adapt the width of absolutely positioned DIV_Experience exchange

I just used position:absolute;

This code will have no problem in IE7 and FIREFOX, but it will not be supported in IE6 and below;

<div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> this is a test </div>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

So for IE6 I Added a

---

Now it’s done;

<div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> This is a test<hr> </div>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute it ]

But I don’t want to be in hr appears on the page; so I added a b

<div style="position:absolute; background:#FF0033; border:1px solid #996600; padding:20px 50px; top:250px; left:100px; right:100px;"> This is a test<b style="float:right; height:0; overflow:hidden"></b> </div>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

This is one method ; It’s a method that I really don’t know how to deal with this thing; who knows what the real method is; please tell me;

This is the final effect;

<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;"> this is a test <b style="float:right; height:0; overflow:hidden"></b> </div>
[Ctrl+A to select all Note: If you need to introduce external Js, you need to refresh it to execute ]