-1

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

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

4

2 回答 2

0

就像是

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/

于 2013-01-25T20:34:55.647 回答
0

使用position:absolute. 它必须帮助：

.container-div{ 
position: relative 
}

.outer-div{
position:absolute;
top: 0 (your choice)
left: -/outer div's width/
}
于 2013-01-25T20:25:02.607 回答