Css 为什么嵌套div来自IE中的父级

Css 为什么嵌套div来自IE中的父级,css,internet-explorer-6,compatibility,html,Css,Internet Explorer 6,Compatibility,Html,很抱歉,我手头没有确切的代码,但希望我提供的示例能够实现这一点 为什么在IE中,一些嵌套的div会弹出并出现在错误的位置(例如,从应该的位置向下200px) 有人明白我的意思吗?我很确定这和双利润率无关。我还应该费心让网站与IE7和IE6兼容吗 我正在尝试用正确的方法学习html。我希望能够确保我的代码始终与所有浏览器兼容,并可供残疾人访问。你有什么地方可以推荐我学习“正确”的做法吗?我了解大多数HTML,但兼容性可能会有问题 它在现代浏览器中的工作原理相同吗?父元素永远不会扩展为包含浮动元

很抱歉,我手头没有确切的代码,但希望我提供的示例能够实现这一点

为什么在IE中,一些嵌套的div会弹出并出现在错误的位置(例如,从应该的位置向下200px)


有人明白我的意思吗?我很确定这和双利润率无关。我还应该费心让网站与IE7和IE6兼容吗


我正在尝试用正确的方法学习html。我希望能够确保我的代码始终与所有浏览器兼容,并可供残疾人访问。你有什么地方可以推荐我学习“正确”的做法吗?我了解大多数HTML,但兼容性可能会有问题

它在现代浏览器中的工作原理相同吗?父元素永远不会扩展为包含浮动元素。要执行所需操作,您需要浮动父级或为其提供“overflow:auto”CSS属性。但是将父div的高度固定为103px仍然会限制事情的发展。

您的IE问题很可能是因为float:right元素出现在它的兄弟元素之后。(见下文第3条)

谈到如何学习HTML和CSS的最佳实践,我建议大家玩玩,看看如何使用“静态”HTML构建不同的惊人设计

查看HTML,我发现以下问题:

  • 指定静态宽度和高度不是一个好主意
  • float right元素应该出现在任何其他同级元素之前(否则IE无法正确呈现)-(这很可能是问题所在)
  • 具有浮动:不需要为其他元素保留浮动
  • 在所有同级的末尾添加一个clear:tware将确保父级将在高度上展开(无需指定高度)
  • 因此,我将您的HTML更改为:

    <div>
        <div style="float:right;"></div>
        <div><img src="LOGO URL"/></div>
        <div style="clear:both"></div>
    </div>
    
    
    
    您是否尝试添加
    空白:nowrap在您的顶级div上?因为它们正在浮动。即使在IE6中,我也无法复制:。你需要给我们看一下你的实际代码。三个
    div
    s中的每一个都有
    高度:103px
    ,所以不太可能是这样。@thirtydot-他说他们“从div中出来”,所以我假设他对值或内容进行了一些操作。@Rob-“从div中出来”正是我的问题。溢出:自动;解决得很好。我认为这也是这里的问题。浮动父元素对我有效,但溢出:auto没有。相反,你的父元素可以自然地扩展高度,非常感谢你。我把从你那里学到的东西运用到我的主题中,效果很好。我很高兴我学到了一些东西。
    <div>
        <div style="float:right;"></div>
        <div><img src="LOGO URL"/></div>
        <div style="clear:both"></div>
    </div>