CSS页面宽度问题

时间:2017-12-08 23:25:52

标签: javascript html css html5

我正在尝试消除Intranet上的水平滚动条。页面右侧只有背景,我现在几个小时都在苦苦挣扎。我们为主页提供了CSS和HTML,但使用JavaScript来浏览多个页面。所有页面都从CSS中提取设置,所有页面都有这个问题让我相信它与CSS有关。以下是我的CSS,请告诉我是否需要进行更改。

html, body {
    position: absolute;
    height: 100%;
    background-color: #FFEBD6;
    color: #665E56;
}
header {
    text-align:center;
    width: 600px;
}
nav {
    line-height:20px;
    width:180px;
    float:left;
    padding:5px;
    height: 40%;
}
section {
    position: Absolute;
    top: 260px;
    left: 10px;
    background-color:#fff3e5;
    padding:10px;
    border:1px solid #665E56;
    min-height:350px;
}
footer {
    clear:both;
    text-align:center;
    padding:7px;
}
table {
    text-align:center;
    border:1;
}
th, td {
    padding:10px;
}
.indent80 {
    margin-left: 80px;
}
.indented {
    margin-left: 80px;
}
.indent40 {
    margin-left: 40px;
}
.wrapper {
    position:absolute;
    min-height: 100%;
    height: 100%;
    width:500px;    
}

/*.push-footer, .push { */
/*    height: 50px; /* .push must be the same height as .footer */    
/*} */
#quicklinks {
    padding-left:5px;
    position: absolute;
    left:181px;
    float:left;
    text-align:center;
    border:3px raised;
    padding:10px;
    width:90%;
}

2 个答案:

答案 0 :(得分:0)

呃....有时我讨厌Web浏览器......当我做出改变时我会刷新页面,但显然我还需要清除缓存。

我通过按住Control清除缓存,右键单击Refresh按钮并选择“Empty Cache and Hard Reload”。链接如下。

https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers/#.Wi64fmiPKUl

谢谢大家的帮助!

答案 1 :(得分:-1)

在你的html中,正文部分添加width: 100%;