为什么不出现滚动条？ CSS
在网上搜索fixed与absolute的区别，看到一段代码，复制到本地后，用浏览器打开，却没有滚动条？？<!DOCTYPEhtml><head><metahttp-equ...
在网上搜索fixed与absolute的区别，看到一段代码，复制到本地后，用浏览器打开，却没有滚动条？？
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
body {
height:1000px; /*让窗体出现滚动条*/
}
.fixed {
position: fixed;
left: 100px;
right: 100px;
top: 100px;
bottom: 100px;
width: auto;
height: auto;
border: 1px solid blue;
}
.absolute {
position: absolute;
left: 100px;
right: 100px;
top: 100px;
bottom: 100px;
width: auto;
height: auto;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="fixed">fixed定位</div>
<div class="absolute">absolute定位</div>
</body>
</html>
为什么下面这段就出现了滚动条呢？
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{width:100px; height:100px; background: green;}
#left{position:absolute; left:0; top:100px;}
#right{position:fixed; right:0; top:100px;}
</style>
</head>
<body style="height:1000px">
<div id="left">absolute</div>
<div id="right">fixed</div>
</body>
</html> 展开
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
body {
height:1000px; /*让窗体出现滚动条*/
}
.fixed {
position: fixed;
left: 100px;
right: 100px;
top: 100px;
bottom: 100px;
width: auto;
height: auto;
border: 1px solid blue;
}
.absolute {
position: absolute;
left: 100px;
right: 100px;
top: 100px;
bottom: 100px;
width: auto;
height: auto;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="fixed">fixed定位</div>
<div class="absolute">absolute定位</div>
</body>
</html>
为什么下面这段就出现了滚动条呢？
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{width:100px; height:100px; background: green;}
#left{position:absolute; left:0; top:100px;}
#right{position:fixed; right:0; top:100px;}
</style>
</head>
<body style="height:1000px">
<div id="left">absolute</div>
<div id="right">fixed</div>
</body>
</html> 展开
6个回答
展开全部
overflow:visible是硬性的不要滚动条，不同的浏览器对于一些情况会出现你所未料的BUG。
所以，你应该从逻辑上避免出现滚动，也就是宽度不超过1000px为宜。而不是逻辑上出现了滚动，而去通过办法不显示滚动。
比如一些溢出元素，想办法把它在内部解决，而不是上升到整体的层面去拒绝滚动。
所以，你应该从逻辑上避免出现滚动，也就是宽度不超过1000px为宜。而不是逻辑上出现了滚动，而去通过办法不显示滚动。
比如一些溢出元素，想办法把它在内部解决，而不是上升到整体的层面去拒绝滚动。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
铁定是你浏览器不是100%分辨率
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
overflow-y: scroll;裁剪内容 - 提供滚动机制。
你F12看下body的高度是多少。
建议你如果学前端的话，一定要会用F12开发模式，可以用谷歌浏览器的，先学会用一个浏览器，其他都是兼容的问题，每个浏览器内核不一样的，有写属性浏览器都是不支持的，我这边都复制了看下，都有滚动条的。用的谷歌
你F12看下body的高度是多少。
建议你如果学前端的话，一定要会用F12开发模式，可以用谷歌浏览器的，先学会用一个浏览器，其他都是兼容的问题，每个浏览器内核不一样的，有写属性浏览器都是不支持的，我这边都复制了看下，都有滚动条的。用的谷歌
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你用的浏览器不对 每个浏览器的视窗高度是不一样 所以你设置的
body{height:1000px;}
有可能没比视窗高度高 所以不会出现滚动
body{height:1000px;}
有可能没比视窗高度高 所以不会出现滚动
追问
我又补充了问题，在后面增加了一段代码，是可以出现滚动条的。麻烦你看看
追答
用的什么浏览器 还有分辨率 还有你是不是小窗口化了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
内部div为啥设置宽高auto?设置auto是看不出区别的
就算设置auto，也不影响滚动条的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
