0

假设我们有类似的东西：

<div id="1" class="A"> </div>
<div id="2" class="B"> </div>
<div id="3" class="C"> </div>

我们如何将 id 为 3 的 div 放在 id 为 1 的 div 旁边？

我试图用负边距来做到这一点：

.C{
    margin-top:-45px;
}

它通常看起来不错：

保证金负好运

但有时，如果我用互联网浏览器调整字体大小，它看起来很糟糕：

保证金负坏运气

UPDATE1：浏览器显示的真实代码，实现了@Zhihao的想法（不幸的是没有工作）。

html:

    (...)

    <div class="pull-right socket-div">
        <p class="logout"> usuario: 
            <a href="/webAlojamientoUCA/logout/index"> 
                <button class="btn btn-small btn-info" type="button">
                        Salir
                </button>
            </a>
        </p>
    </div>      
</div>
    <div class="container">         
        <div class="row-fluid">                         
            <div class="span12">    
                <div class="plug-div">  
                    <div>
                        <div id="mini-carousel-photos" class="carousel slide centrar-imagen capa-inferior">
                            <div class="carousel-inner">
                                <div class="item">  

                                    (...)

CSS：

.socket-div {
    display: block; 
}

.plug-div {
    display: block;

    height:0px;
    float: center;
    /*  position: absolute; */
    /* position: fixed;  */

    margin-top:0px;
    padding-top:0px;
    border-top:0px;
}

浏览器截图：

显示块厄运

4

1 回答 1

1

摘自评论：

问题是div#2介于div#1和之间，div#3并且占用空间，这意味着#1并且#3不能相邻。解决方法是#2不占用任何空间。

这可以通过将heightof设置#2为 0 来完成。否则，我们可以使用or#2退出页面流。如果既不浮动也不浮动，设置为or也可能起作用。position: fixedposition: absolutefloatleftright#1#3

于 2013-09-13T05:44:13.070 回答