1

Web ページが必要なので、さまざまな画面解像度で、Web ページのコンテンツが互いに重なるのではなく、横にスクロール バーが表示されます。これは私がcssのために持っているものです

 @charset "utf-8";
/* CSS Document */

body {
    overflow:auto;
    font-weight:light;
    font-family:Andale Mono, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:.875em;
    font-weight:lighter;
    text-align:center;
}

a:link {        /* unvisited link */
    color:#000;
    text-decoration:none;
}     
a:visited {     /*  visited link  */
    color:#333;
    text-decoration:none;
} 
a:hover {       /* mouse over link */
    color:#C60;
    text-decoration:none;
}  

div.mainbody {
    margin-top:3%;
    font-size:1em;
    margin-left:auto;
    margin-right:auto;

}

div.textbody {
    height:100%;
    overflow:hidden;
    font-size:.875em;
    margin-top:1%;
    position:absolute;
    margin-left:10%;
    margin-right:10%;
}

div.arrowleft {
    position:absolute;
    top:40%;
    margin-left:25%;
}

div.arrowright {
    position:absolute;
    top:40%;
    margin-right:30%;
    margin-left:70%;
}

div.Footerbar {
    background:#ffffff;
    border-style:dashed;
    border-width:1px;
    border-left-style:none;
    border-right-style:none;
    position:absolute;
    bottom:1%;
    left:0%;
    right:0%;
    padding-bottom:;
    padding-top:;
    font-size:.70em;
    font-weight:lighter;
    text-align:center;
    letter-spacing:.2em;
}

div.footer {
    z-index:2;
    background:#ffffff;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:9px;
    font-weight:lighter;
    text-align:center;
    letter-spacing:2px; 
}

div.ads {
    position:absolute;
    left:0px;
    right:0px;
    bottom:4%;
    width:728px;
    height:100px;
    margin:auto;
    text-align:center;
}

また、ページの 1 つを標準のモニター解像度 (1024x768) にすると、検索バーを作成する代わりに項目が重なります。助けてくださいー

4

1 に答える 1

0

あなたの質問にはあまり詳細がありません。これは、divが重ならない場所で行った例です。展開すると、ウィンドウの内容が横に並んで浮かび始めます。ウィンドウのサイズが小さくなると、縦にドロップダウンします。確認例http://jsfiddle.net/5zcge/

于 2011-03-29T18:23:30.433 に答える