css position 问题

ootwo 2012-03-02 05:08:40



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>

		<style>

			*{margin:0; padding:0;}

			.a {

				position:absolute; top:0; right:0;

			}

			.b {

				position:relative; top:0; right:-55px;

				width:100px; height:100px; 

				border:1px solid red;

			}			

		</style>

	</head>

	<body style="height:1000px;">

		<div class="a">

			<div class="b"></div>

		</div>

	</body>

</html>

ie6下红框能被右侧遮挡一半并且不出出现底部的横向滚动条，
但在 ff 下会出现，怎么解决。
不使用 body {overflow:hidden;}

...全文

36 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Acesidonu 2012-03-02

打赏
举报

回复

[Quote=引用 1 楼 dd0607 的回复:]
.a{overflow:hidden}
[/Quote]
++

木头是猫 2012-03-02

打赏
举报

回复

.a{overflow:hidden}

css position:absolute 居中

css position的sticky定位 position: sticky -粘性定位(是css新增的一个position属性) 使用注意事项：父元素不能有 overflow 属性 left、top、right、bottom必须要设置一个仅在父元素内生效，父元素的高度必须大于sticky元素设置的高度简单理解就是，当你页面滚动的距离小于你设置的 left、top、right、bottom的值时 position: sticky 就相当于 position:relative

position 以及参数总结，示例代码

CSS position定位详解一、static 一、static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。忽略 top, bottom, left, right 或者 z-index 声明，解释如下： absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed：生成绝对定位

CSS的position总是属性很容易让人弄混~为了仔细区别它们，所以今天总结一下CSS的position属性~下面是总结内容~有疏漏、错误之处敬请指出！o(^▽^)o一、简介定义：position属性规定元素的定位类型。说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对定位或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏...

61,111

社区成员

60,733

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章