-1

コンテンツdivがを使用してページに集中化されているかなり一般的なページレイアウトがありますmargin:auto 0。div自体の幅は、使用可能なページ幅によって異なります。

ロゴを備えた別のdivを、このdivの左側の外側に固定された高さで「貼り付ける」（つまり、2つの間にギャップやオーバーラップがない）ようにします。これにはどのCSSを使用すればよいですか？

4

2 に答える 2

0

Use position:absolute. It must help:

.container-div{ 
position: relative 
}

.outer-div{
position:absolute;
top: 0 (your choice)
left: -/outer div's width/
}
于 2013-01-25T20:25:02.607 に答える
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 に答える