CSS/HTML加载网页时会出现一个水平滚动条
因此,我正在搞乱我的网站CSS,突然之间,总是有一个水平滚动条,我的导航条不会一直走到最后,即使它的宽度设置为100%。这是一个普遍的问题吗?我查看了我的CSS值,没有一个值足以使页面需要扩展 编辑:代码CSS/HTML加载网页时会出现一个水平滚动条,html,css,Html,Css,因此,我正在搞乱我的网站CSS,突然之间,总是有一个水平滚动条,我的导航条不会一直走到最后,即使它的宽度设置为100%。这是一个普遍的问题吗?我查看了我的CSS值,没有一个值足以使页面需要扩展 编辑:代码 html { height:100%; } .content { width:269px; margin-left: auto; margin-right: auto; } .home { width:100%; margin-left:
html {
height:100%;
}
.content {
width:269px;
margin-left: auto;
margin-right: auto;
}
.home {
width:100%;
margin-left: auto;
margin-right: auto;
text-align:center;
font: bold x-large verdana, arial, helvetica, sans-serif;
padding-top:10px;
}
.home a:visited {
color: blue;
}
.head {
width:100%;
text-align:center;
padding: 15px;
font: bold x-large verdana, arial, helvetica, sans-serif;
}
.foot {
width:100%;
text-align:center;
padding: 20px;
font: normal medium verdana, arial, helvetica, sans-serif;
}
body {
background-color: #FFF;
margin: 0px;
padding: 0px;
font: normal medium verdana, arial, helvetica, sans-serif;
}
div#navbar2 {
height: 50px;
width: 100%;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
background-color: #336699;
text-align:center;
}
div#navbar2 ul {
margin: 10px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: #000;
line-height: 30px;
white-space: nowrap;
}
div#navbar2 li {
list-style-type: none;
display: inline;
}
div#navbar2 li a {
text-decoration: none;
padding: 11px 20px;
color: #FFF;
}
div#navbar2 li a:link {
color: #FFF:
}
div#navbar2 li a:visited {
color: #FFF;
}
div#navbar2 li a:hover {
color: #FFF;
background-color: #3366FF;
}
要隐藏溢出的内容,请使用:overflow:hidden 要隐藏溢出的内容,请使用:overflow:hidden 您的页脚宽度:100%;但也有左右填充 你必须计算填充物和宽度
编辑:与你的相同。头部你的页脚宽度:100%;但也有左右填充 你必须计算填充物和宽度
编辑:与.head相同,只需将此css属性添加到body元素样式中即可
overflow-x:hidden
它将删除水平滚动条,并确保右侧不会出现额外的空白 只需将此css属性添加到body元素样式中即可
overflow-x:hidden
它将删除水平滚动条,并确保右侧不会出现额外的空白 请推送您的代码以便更好地理解某些内容超出了它的界限。对了,您希望我添加什么?您能创建一个包含HTML标记的演示吗?这就是发生的事情请推送您的代码以便更好地理解某些内容超出了它的界限。对了,您希望我添加什么?您能创建一个包含HTML标记的演示吗?这就是发生的事我要把它放在身体里吗?或者cssfile或样式标记中的哪一个。用另一种化妆品给那个div涂上铬或铬,检查溢出的div。我在涂铬,我们说话的时候检查。你可以把它涂到身体上,看看它有什么作用。但是,如果你有一个scroleble网站(长),你不能这样做,我只是把它放在身体?或者cssfile或样式标记中的哪一个。用另一种化妆品给那个div涂上铬或铬,检查溢出的div。我在涂铬,我们说话的时候检查。你可以把它涂到身体上,看看它有什么作用。但是,如果你有一个scroleble网站(长),你不能做得很好。我把它改为padding top,但问题仍然存在。还是说这种改变还不够好?在JSFIDLE上编辑不要紧它可以工作,但在chrome上它不能工作。我想这是因为Cookie或chrome拥有的任何东西。我把它改为padding top,但问题仍然存在。还是说这种改变还不够好?在JSFIDLE上编辑不要紧它可以工作,但在chrome上它不能。我认为这是因为Cookie或chrome的任何东西