`
tsailer
  • 浏览: 53163 次
  • 性别: 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]
分享到:
评论

相关推荐

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    在IE6和IE7中,设置了`float`属性的DIV元素,其`margin`可能会被错误地解释为两倍大小。这是一种已知的bug,可以通过添加`display:inline;`来修正。例如: ```css #IamFloat { float: left; margin: 5px; ...

    C语言头文件 FLOAT

    C语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 FLOATC语言头文件 ...

    float pie float pie float pie float pie

    float piefloat pie float pie float pie float pie

    float2ascii.rar_acsii浮点_ascii2float_ascii转换float_float转化为ascii_转

    本文将详细探讨`float2ascii`和`ascii2float`的概念以及实现方法。 标题中的"float2ascii"指的是将浮点数转换成ASCII码的过程。在C语言中,这通常是通过标准库函数`printf`和`snprintf`来实现的,它们可以将浮点数...

    IE7 float:left左浮动失效的解决方法

    在这个修复方案中,`*width:210`使得`div id="c"`在IE7中有一个固定的宽度,大于`div id="a"`减去`div id="c"`实际宽度的差值,从而解决了IE7下的`float:left`失效问题。 值得注意的是,随着现代浏览器的普及和IE7...

    IE6,IE7,IE8兼容性问题

    **问题描述**:当设置了`float`属性的div在IE下设置的`margin`会出现加倍现象。 **解决方案**: - 通过设置`display: inline;`来解决此问题。 **示例代码**: ```html #IamFloat { float: left; margin: 5px; ...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    当元素设置为`float`时,IE浏览器会将其`margin`值加倍。解决方法是在该元素内部添加`display: inline;`,如: ```css #IamFloat { float: left; margin: 5px; /* IE 下理解为 10px */ display: inline; /* IE...

    最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)

    IE6和IE7有一个双盒模型问题,即设置了`width`和`margin`的元素,在IE6/7中实际宽度会比预期的大。解决方法是为该元素添加`display: inline;`。 ```css #box { float: left; width: 100px; margin: 0 0 0 100...

    stm32f103的4字节转float和float转4字节代码

    下面我们将详细介绍如何实现4字节到float的转换以及float到4字节的转换。 首先,我们来看4字节到float的转换。在C语言中,可以使用`union`类型来完成这个任务。`union`允许我们共享同一块内存空间的不同数据类型。...

    float与16进制转换软件_float_

    在现代计算机科学领域中,浮点数(float类型)是一种常用于表示实数的数据类型,特别适用于处理那些包含小数部分的数值。由于在内存中浮点数是以二进制的形式存储,人们在阅读和理解时往往会觉得不如十进制或十六...

    CSS完美兼容IE6IE7FF的通用方法

    处理浮动元素时,`float`和`margin`之间的计算在IE中可能会出现偏差。使用`display: inline`或`display: table`可以解决某些布局问题,尤其是在IE中。 ```css #box { float: left; width: 100px; margin: 0 0 0 ...

    div错位解决IE6IE7IE8样式不兼容问题

    5. **解决IE6/7/8的min-width/min-height问题**:IE6、IE7和IE8对于`min-width`和`min-height`的支持有限,可以使用以下方法来兼容这些版本的IE: ```css #box { width: 80px; height: 35px; } ...

    IE6, IE7, IE8 CSS 兼容速查表

    8. **边距重叠问题**:当浮动元素的子元素有外边距时,IE6会出现边距重叠现象,可以使用`display:inline-block`或`float:left`来避免。 9. **CSS3属性兼容**:IE8及以下版本对CSS3新特性支持有限,如圆角、阴影、...

    16进制与float互转

    在计算机科学中,数据通常以不同的格式存储,其中16进制和浮点数(float)是两种常见的表示方式。16进制是一种基数为16的数字系统,常用于表示二进制数据,而浮点数则用于表示带有小数部分的数值,尤其在科学计算和...

    float2bin_float_pythonfloat2bin_源码

    在Python编程语言中,将浮点数(float)转换为二进制表示是常见的操作,尤其是在处理数值计算、数据存储或通信协议时。标题“float2bin_float_pythonfloat2bin_源码”提示我们这里涉及的是一个使用Python编写的程序...

    LitJsonExt 支持 float类型

    LitJsonExt是一个针对 LitJson 库的扩展,主要目的是解决原生 LitJson 在处理 `float` 数据类型时可能存在的不支持或兼容性问题。LitJson 是一个轻量级的 JSON 库,它被广泛用于 C# 开发中,因为其性能高效、易于...

    让IE6支持min-width最小宽度

    通过设置特定的CSS属性,例如`_margin-left`、`_zoom:1`、`_position:relative`和`_float:left`,可以在IE6中模拟`min-width`的效果。这段代码创建了两个内部嵌套的div元素,`.ie6-out`和`.ie6-in`,通过对它们的...

    4BYTE转换成float型代码

    在计算机科学中,数据通常以二进制形式存储,其中浮点数(如float和double)是用于表示小数的常见类型。浮点数在内存中的表示方式遵循特定的标准,如IEEE 754。当你从一个4字节的数据块(通常代表一个32位整数)转换...

    HEX转FLOAT软件

    HEX转FLOAT软件 可以将一个4字节的HEX数据,转换成float数据。 界面简单,操作方便。 绿色软件不需要安装,下载即可使用。

    DIV+CSS布局:CSS浮动float属性详解[归纳].pdf

    CSS浮动float属性详解 在Web开发中,布局是非常重要的一方面,浮动float属性是CSS布局中非常关键的属性。通过对浮动float属性的理解和掌握,我们可以更好地实现网页的布局和排版。 Float浮动属性基本释义 float...

Global site tag (gtag.js) - Google Analytics