html 右侧栏不滚动,html – 绝对定位的div在右边导致滚动条,当左边没有

亦凉 2022-10-05 12:59 159阅读 0赞

我试图“侧翼”一个中心的div,一些设计元素绝对位于主div宽度之外.由于右侧的元素,而不是左边的元素(IE6 / 7/8,Chrome,Firefox),我正在滚动条.如何摆脱这个水平滚动条？

html,body \{

height: 100%;

width: 100%;

margin: 0;

\}

body \{ text-align: center; \}

.wrapper \{

margin: 0 auto;

position: relative;

width: 960px;

z-index: 0;

\}

.main \{

background: \#900;

height: 700px;

\}

.right,.left \{

position: absolute;

height: 100px;

width: 100px;

\}

.right \{

background: \#090;

top: 0px;

left: 960px;

z-index: 1;

\}

.left \{

background: \#009;

top: 0px;

left: -100px;

z-index: 1;

\}

这可以在IE6-9,FF3.6,Safari 5和Chrome 5中运行.似乎没有关系我扔给我的是什么类型的文件(没有,xhtml 1过渡,html5).希望这有帮助,那是一个有趣的问题.

html,body \{

margin: 0;

padding: 0;

text-align: center;

\}

body \{

overflow: auto;

\}

\#container \{

min-width: 960px;

zoom: 1; /\*For ie6\*/

position: relative; /\*For ie6/7\*/

overflow: hidden;

margin: 0 auto;

\}

\#main \{

background: \#cea;

width: 960px;

margin: 0 auto;

height: 700px;

position: relative;

top: 0;

\}

\#right,\#left \{

position: absolute;

height: 100px;

width: 100px;

top: 0;

z-index: 100;

\}

\#right \{

background: \#797;

right: -100px;

\}

\#left \{

background: \#590;

left: -100px;

\}

left

right

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 html中如何去掉浏览器右边的滚动条

<body style="overflow-x: hidden"> 表示去掉水平滚动条。 <bo

谁借莪１个温暖的怀抱￠/ 2023年03月01日 14:56/ 0 赞/ 3 阅读

相关 HTML 的div滚动条样式修改

<style> .textdiv{ overflow-y: auto; background-colo

超、凢脫俗/ 2022年12月19日 13:13/ 0 赞/ 129 阅读

相关 html设置div滚动条实现超简单

html设置div滚动条实现超简单 html设置div滚动条实现超简单 html设置div滚动条实现超简单 <div class="qipa-

淡淡的烟草味﹌/ 2022年11月07日 05:28/ 0 赞/ 177 阅读

相关 html滚动信息栏,公告滚动.html

dodou-移动框架 \scrollDiv\{height:40px;line-height:40px;overflow:hidden; background:url(ima

系统管理员/ 2022年10月06日 10:53/ 0 赞/ 159 阅读

相关 html不随页面滚动条滚动,css如何让元素不随滚动条滚动？

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置，无论如何滚动滚动条，位置不变。那么如何让元素不随滚动条滚动？下面给大家介绍一下方法。有一定的参考价值，有需要的朋友可

偏执的太偏执、/ 2022年10月06日 00:58/ 0 赞/ 545 阅读

相关 html 右侧栏不滚动,html – 绝对定位的div在右边导致滚动条,当左边没有

我试图“侧翼”一个中心的div,一些设计元素绝对位于主div宽度之外.由于右侧的元素,而不是左边的元素(IE6 / 7/8,Chrome,Firefox),我正在滚动条.如何摆

亦凉/ 2022年10月05日 12:59/ 0 赞/ 160 阅读

相关 div 滚动条同步控制 div 滚动条滚动

<html> <head> <title>div scroll</title> <mce:style type="text/css"><!-- DIV \{width:200;

系统管理员/ 2022年07月13日 11:17/ 0 赞/ 331 阅读

相关 HTML滚动条

滚动条第一种方式： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=

浅浅的花香味﹌/ 2022年07月11日 01:50/ 0 赞/ 273 阅读

相关 html滚动条样式

/\ 针对谷歌浏览器生效的。（不兼容火狐，IE） \/ ::-webkit-scrollbar \{ width: 6px; height

清疚/ 2022年04月18日 03:23/ 0 赞/ 286 阅读

相关 html 滚动条样式

转载：[https://www.cnblogs.com/yclblog/p/6806496.html][https_www.cnblogs.com_yclblog_p_6806

向右看齐/ 2021年12月22日 14:23/ 0 赞/ 334 阅读