Question

关于 css position 定位的一个问题

css
.a {width:1000px; height:200px; margin:0 auto; position:relative;}
.b {position:absolute; top:0; right:-100px; width:100px; height:100px;}

html
<div class="a">
<div claas="b">浏览器宽度小于1000px时你看不到我</div>
</div>
---------------------------------------
代码如上
a的宽度是1000px 自动居中
b元素 right为-100px的时候 下面出现了滚动条 也就是说 a元素的宽度其实变成了1100px
如果把b元素改成 left:-100px; 那么浏览器就不会有滚动条。
求 当b元素 right为-100px的时候 浏览器没有滚动条 也就是说 浏览器宽度在1000px的时候你看不到b元素 但是不能给html 设置overflow:hidden; 因为我需要用户可以看到a元素内的内容
div claas="b" 错误
应该是
div class="b"

Answer 1

用定位的话很定是会显示的，你用这个样式试下

.a {width:1000px; height:200px; margin:0 auto; }
.b {margin:0 0 0 -1100px; width:100px; height:100px;}

Answer 2

用position:fixed; 然后用margin-left:把他顶到想要的位置即可，
不过IE6不支持

Answer 3

不晓得楼主是用的啥子浏览器。我IE6，7，8，9，火狐都测试没有问题。
你试试这样吧：right:-100px;改成left:1000px;

Answer 4

你的布局有问题吧， <div class=“c”>
<div class="a">></div>
<div class="b">></div>
</div>

a b并排 在c里 c1100px宽 定义为绝对位置，这样不就好了

追问

你没有明白我的意思 宽度必须为1000px；

追答

外面这个只是一个框，没具体显示出来啊只有 当显示器能现实超过1000PX的时候才显示的不是吗

追问

但是宽度必须为1000px 虽然没有显示出来 但是浏览器为1000px时下面有了滚动条

追答

那你试洗 z-index这个叠加的属性 有木有用 一个层 叠加在另外一个层上面

Answer 5

你的内嵌div类名class写成claas了，朋友。改过来应该就是你说的那个效果吧！

追问

不好意思 我写错了 但是没有办法改了 你可以复制代码自己试一下

追答

想请问一下，b元素起什么作用？浏览器宽度大于1000的时候要看见他？

追问

是的