Question

我想要一个网页，所以在不同的屏幕分辨率下，网页内容的侧面有一个滚动条而不是相互重叠。这就是我对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;
}

当我将其中一个页面放入标准显示器分辨率（1024x768）时，会导致项目重叠而不是制作搜索栏。请帮助meeee

Answer 1

您的问题中没有详细说明。这是我做的一个例子，其中div不重叠。当您展开窗口时，内容将开始水平浮动，当窗口大小较小时，它们会垂直下拉。 检查示例http://jsfiddle.net/5zcge/

试图制作一个内容不会相互流动的网页

1 个答案: