<div style="float:right;right:0px;margin-right:6px;margin-top:2px;display:inline;border:1px solid red;">
<ul style="float:right;">
<li style="float:left;padding-top:4px;">1 </li>
<li style="float:left;padding-top:4px;">2 </li>
<li style="float:left;padding-top:4px;">3 </li>
<li style="float:left;padding-top:4px;">4 </li>
<li style="float:left;"><a href="#">5 </li>
<li style="float:left;">6</li>
</ul>
<div class="clear" style="height:2px;background-image:url(1.jpg);overflow:hidden;font-size:0;"></div>
</div>
问题补充 2010-10-26 13:02
外面还有个大div宽度是960px,里面的div没设置它的宽度,但是它自动设置为 960px,跟父级div一样的宽度,有办法设置子div的宽度根据内容自动增长么? 在IE6中,其它浏览器没问题
设置div宽度,根据内容增长
回答人的补充 2010-10-26 13:01
你可以设定外层DIV的最小宽度,即 minwidth属性,如果里面内容的宽度超过了minwidth的值,外层DIV会自动扩展。但IE6不支持minwidth属性。如果为外层DIV设定了固定宽度width,那么它的宽度是不会随内部宽度的扩展而扩展的,你可以为外层DIV加一个红色表框来测试一下。
你可以设定外层DIV的最小宽度,即 minwidth属性,如果里面内容的宽度超过了minwidth的值,外层DIV会自动扩展。但IE6不支持minwidth属性。如果为外层DIV设定了固定宽度width,那么它的宽度是不会随内部宽度的扩展而扩展的,你可以为外层DIV加一个红色表框来测试一下。
提问人的追问 2010-10-26 13:06
外层div设置960,内层设置为自动的。但是内层初始宽度就有960,我要设置内层宽度,根据内容自动增长
回答人的补充 2010-10-26 13:07
<div style="float:right;right:0px;margin-right:6px;margin-top:2px;display:inline;border:1px solid red;">
<ul style="float:right;minwidth:500px">
<li style="float:left;padding-top:4px;border:1px solid red;">4564654564456465454661456445464545646 </li>
<li style="float:left;padding-top:4px;">2 </li>
<li style="float:left;padding-top:4px;">3 </li>
<li style="float:left;padding-top:4px;">4 </li>
<li style="float:left;"><a href="#">5 </li>
<li style="float:left;">6</li>
</ul>
<div class="clear" style="height:2px;background-image:url(1.jpg);overflow:hidden;font-size:0;"></div>
</div>
你在ul加一个属性minwidth 在li中改变内容看看
提问人的追问 2010-10-26 13:16
不行,或者你帮我写一个, 我的目的是ul有多宽,下面这个div就有多宽。
[color=blue]来自
http://wenwen.soso.com/z/q231059196.htm[/color][b][/b]
<ul style="float:right;">
<li style="float:left;padding-top:4px;">1 </li>
<li style="float:left;padding-top:4px;">2 </li>
<li style="float:left;padding-top:4px;">3 </li>
<li style="float:left;padding-top:4px;">4 </li>
<li style="float:left;"><a href="#">5 </li>
<li style="float:left;">6</li>
</ul>
<div class="clear" style="height:2px;background-image:url(1.jpg);overflow:hidden;font-size:0;"></div>
</div>
问题补充 2010-10-26 13:02
外面还有个大div宽度是960px,里面的div没设置它的宽度,但是它自动设置为 960px,跟父级div一样的宽度,有办法设置子div的宽度根据内容自动增长么? 在IE6中,其它浏览器没问题
设置div宽度,根据内容增长
回答人的补充 2010-10-26 13:01
你可以设定外层DIV的最小宽度,即 minwidth属性,如果里面内容的宽度超过了minwidth的值,外层DIV会自动扩展。但IE6不支持minwidth属性。如果为外层DIV设定了固定宽度width,那么它的宽度是不会随内部宽度的扩展而扩展的,你可以为外层DIV加一个红色表框来测试一下。
你可以设定外层DIV的最小宽度,即 minwidth属性,如果里面内容的宽度超过了minwidth的值,外层DIV会自动扩展。但IE6不支持minwidth属性。如果为外层DIV设定了固定宽度width,那么它的宽度是不会随内部宽度的扩展而扩展的,你可以为外层DIV加一个红色表框来测试一下。
提问人的追问 2010-10-26 13:06
外层div设置960,内层设置为自动的。但是内层初始宽度就有960,我要设置内层宽度,根据内容自动增长
回答人的补充 2010-10-26 13:07
<div style="float:right;right:0px;margin-right:6px;margin-top:2px;display:inline;border:1px solid red;">
<ul style="float:right;minwidth:500px">
<li style="float:left;padding-top:4px;border:1px solid red;">4564654564456465454661456445464545646 </li>
<li style="float:left;padding-top:4px;">2 </li>
<li style="float:left;padding-top:4px;">3 </li>
<li style="float:left;padding-top:4px;">4 </li>
<li style="float:left;"><a href="#">5 </li>
<li style="float:left;">6</li>
</ul>
<div class="clear" style="height:2px;background-image:url(1.jpg);overflow:hidden;font-size:0;"></div>
</div>
你在ul加一个属性minwidth 在li中改变内容看看
提问人的追问 2010-10-26 13:16
不行,或者你帮我写一个, 我的目的是ul有多宽,下面这个div就有多宽。
[color=blue]来自
http://wenwen.soso.com/z/q231059196.htm[/color][b][/b]