`
tsailer
  • 浏览: 51888 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

ie float width problem

    博客分类:
  • CSS
阅读更多
<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&nbsp;</li>
                <li style="float:left;padding-top:4px;">2&nbsp;&nbsp;&nbsp;</li>
                <li style="float:left;padding-top:4px;">3&nbsp;</li>
                <li style="float:left;padding-top:4px;">4&nbsp;</li>
                <li style="float:left;"><a href="#">5&nbsp;</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&nbsp;</li>
                <li style="float:left;padding-top:4px;">2&nbsp;&nbsp;&nbsp;</li>
                <li style="float:left;padding-top:4px;">3&nbsp;</li>
                <li style="float:left;padding-top:4px;">4&nbsp;</li>
                <li style="float:left;"><a href="#">5&nbsp;</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就有多宽。

来自
http://wenwen.soso.com/z/q231059196.htm
[b][/b]
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics