1

このhttp://jsfiddle.net/jaseem/sS7HN/を見てください。私が達成しようとしているのは、その内側のスクロールバーの代わりに、メインウィンドウのスクロールバーを使用したいということです。そのため、Windowsの垂直スクロールバーを使用して「innerContent」内のコンテンツを確認できますが、同時に外側のdivを修正する必要があります。それは可能ですか？

CSS：

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px; 
}

footer {
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%; 
}

content {
    background-color:#656565;
    width: 940px;
    margin:0 auto;
    padding-top:10px;
    border-radius:5px; 
}

mainContent {
    margin:0px auto;
    background-color:#515151;
    width:660px;
    border-radius:5px;
    padding-top:20px; 
}   

contentHolder {
    margin:0 auto;
    width:616px;
    background-color:#000000;
    border-radius:10px;
    overflow:auto; 
}

HTML：

<div id="header"></div>
<div id="content">
    <div id="mainContent">
        <div id="contentHolder"></div>
    </div>
</div>
<div id="footer"></div>
4

2 に答える 2

1

何を達成しようとしているのかは少し不明ですが、CSS にハッシュ タグがないことに気付きました。属性#を参照している場合は、識別子の前に必要です。ID

例: http://jsfiddle.net/hgcax/

CSS

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px; 
}

#footer {
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%; 
}

#content {
    background-color:#656565;
    width: 940px;
    margin:0 auto;
    padding-top:10px;
    border-radius:5px; 
}

#mainContent {
    margin:0px auto;
    background-color:#515151;
    width:660px;
    border-radius:5px;
    padding-top:20px; 
}   

#contentHolder {
    color:#fff;
    margin:0 auto;
    width:600px;
    height: 400px;
    background-color:#000000;
    border-radius:10px;
    overflow:auto; 
}​
于 2012-12-20T04:30:07.993 に答える
0

div 要素の場合、ここで #div 名を指定する必要があります。div 名は contentHolder なので、その #contentHolder

このようにしてみてください：

#contentHolder {
 overflow:auto; 
}

また

#contentHolder {
 overflow:scroll; 
}
于 2012-12-20T04:35:43.127 に答える