Question

我有一个相当常见的页面布局，其中内容div使用margin:auto 0集中在页面上。 div的宽度本身取决于可用的页面宽度。

我希望另一个带有徽标的div在固定高度处“固定”到该div的外侧左侧（即两者之间没有间隙或重叠）。我应该用什么CSS呢？

Answer 1

使用position:absolute。它必须有所帮助：

.container-div{ 
position: relative 
}

.outer-div{
position:absolute;
top: 0 (your choice)
left: -/outer div's width/
}

Answer 2

类似

HTML：

<html>
    <div id='content'>
        <div id='stickything'>a</div>
    </div>
</html>

的CSS：

html {
    width: 100%;
}

#content {
    position: relative;
    width: 100px;
    height: 600px;
    margin: auto;
    background-color: green;
}

#stickything {
    position: fixed;
    width: 25px;
    height: 30px;
    top: 0px;
    margin-left: -25px;
    background-color: red;
}

http://jsfiddle.net/Kkcnn/

如何将div附加到通过margin定位的div的一侧：auto 0;

2 个答案: