Html CSS左浮动-can'；2.Don’我不能让两个沙发靠在一起

已经检查了几个类似的答案，并尝试了不同的包装，绝对/相对等等。似乎无法让我的部门做我想做的事…！：-）

情况如下：

<div id="slideout">
        <div id="slidecontent" style="margin:20px;float:left;">
           TEXT
        </div>
        <div id="clickme" style="width:300px;float:left;background: #FFF;" align="right">
            <img src="img/xxx.png" style="padding:2px;" width="16" height="15">
        </div>
    </div>

---

我想要的是：包装器“slideout”是绝对的，因为它放在屏幕的左侧，并用一些jQuery代码滑出。然后我想把两个div放在一起，而不是放在一起…

您的

滑出

具有

宽度：300px

您的

clickme

具有

宽度：300px

旁边没有地方放东西了

---

尝试从

单击我

中删除

宽度：300px

，

您的
滑出部分
具有
宽度：300px


您的
clickme
具有
宽度：300px

旁边没有地方放东西了

尝试从
clickme
中删除
宽度：300px
将两个div的宽度设置为与父div相等，即150+150左右

<div id="slideout">
        <div id="slidecontent" style="margin:20px;float:left;width:150px;">
           TEXT
       </div>
        <div id="clickme" style="width:150px;float:left;background: #FFF;" align="right">
           <img src="img/xxx.png" style="padding:2px;" width="16" height="15">
        </div>
    </div>


正文
将两个div的宽度设置为与父div相等，即150+150左右

<div id="slideout">
        <div id="slidecontent" style="margin:20px;float:left;width:150px;">
           TEXT
       </div>
        <div id="clickme" style="width:150px;float:left;background: #FFF;" align="right">
           <img src="img/xxx.png" style="padding:2px;" width="16" height="15">
        </div>
    </div>


正文
无法真正理解，您想做什么？
#clickme
元素应可见，而
#slidecontent
元素不可见。当用户将鼠标悬停在
#滑出
上时，
#滑出
应滑动，并显示
#滑出内容
？无法真正理解，您想做什么？
#clickme
元素应可见，而
#slidecontent
元素不可见。当用户将鼠标悬停在
#滑出按钮
上时，
#滑出按钮
应该滑动并显示
#滑出内容
？您应该解释更改的内容和原因。您应该解释更改的内容和原因。