不知道朋友们在写div的时候经常会因为层宽度溢出,或英文数字不能断句等原因导致出现横向滚动条呢?
使用以下方法可以解决此问题:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<style>
body{margin:0;padding:0;}
</style>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>不出现横向滚动条实现</title>
</head>
<body >
<div style=”width:100%;overflow-x:hidden;position:relative;”>
<div style=”width:3002px;height:100px;background:#ddd;float:left;”>
外层限制里层
</div>
</div>
</body>
</html>
实现原理是将溢出层的宽度限制成浏览器的宽度也就是100%;
超出的部分隐藏，就可以了.
overflow-x:hidden;为横向隐藏
overflow-y:hidden;为垂直隐藏.
本站文章欢迎转载。转载请注明：转载自迷失曾经谢谢！
原文链接地址：div.css使窗口永不出现横向滚动条代码 Tags: div.css使窗口永不出现横向滚动条, 宽度溢出出现滚动条, 横向滚动条代码, 滚动条代码
