浮动左边的HTML CSS div下面,div下面浮动吗？

概述我希望有人可以帮助我：我有一个左列容器#left-column,浮点数：左;和一些浮动在右侧的元素(幻灯片,图像,文本).一切都放在主容器中,宽度值为990px​​;左列是240px,而右边的所有元素都有宽度,足以适合右侧(720px).这是一个正在发生的事情的图形： 我该怎么做才能解决这个问题？我的猜测是幻灯片div与…有关… #main-container { width:990px; 我希望有人可以帮助我：我有一个左列容器#left-column,浮点数：左;和一些浮动在右侧的元素(幻灯片,图像,文本).一切都放在主容器中,宽度值为990px​​;左列是240px,而右边的所有元素都有宽度,足以适合右侧(720px).这是一个正在发生的事情的图形：

我该怎么做才能解决这个问题？我的猜测是幻灯片div与…有关…

#main-container {    wIDth:990px;    margin:8px auto;}#left-column {    wIDth:240px;    float:left;}#slIDeshow {    float:right;    wIDth:720px;    height:300px;}a.image {    float: right;    display:inline-block;}.text {    float:right;    wIDth:720px;}

我该怎么办 ？非常感谢…！！

编辑 – 当我放置一个位置：asbolute到左列容器,它直接上升到顶部,看起来很好,但这不是我正在寻找的解决方案.

解决方法 没有HTML,很难明确地理解你的上下文,但这是一个全局的想法：你通常不需要把float：left;左列,浮点数：右;对于右列,即使它对您而言似乎合乎逻辑.

一种更简单,更可靠的方法是将所有彼此相邻的元素放在float：left; (所以右列会向左浮动,就在左列附近)

有了你的形象,我会做那样的事情：

<div ID="leftColumn"></div><div ID="rightColumn">    <div ID="slIDeshow"></div>    <div ID="imgWrapper">        <div ></div>        <div ></div>    </div>    <div ID="text"></div></div>#leftColumn {    float: left;    overflow: hIDden;}#rightColumn {    float: left;    overflow: hIDden;}.imgdiv {    float: left;    overflow: hIDden;}#imgWrapper { overflow: hIDden; }

总结

以上是内存溢出为你收集整理的浮动左边的HTML CSS div下面,div下面浮动吗？全部内容，希望文章能够帮你解决浮动左边的HTML CSS div下面,div下面浮动吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。