css 绝对定位 宽度 |css导航条兼容ie6

绝对定位是CSS中非常重要的一种定位方式。它可以使得元素脱离文档流，相对于其最近的已定位祖先元素进行定位。在使用绝对定位时，大家也需要注意元素的宽度的设置。下面大家来详细介绍一下CSS绝对定位与宽度的相关内容。 首先来看一下绝对定位的基本语法：

.positioned {
position: absolute;
top: 50px;  /*相对于已定位祖先元素的位置*/
left: 50px; /*相对于已定位祖先元素的位置*/
}

可以看到，在使用绝对定位时，大家需要通过“position: absolute;”来告诉浏览器大家正在使用绝对定位。同时，还需要用“top”和“left”来设置元素相对于已定位祖先元素的位置。 在设置宽度时，大家可以使用“width”来控制元素的宽度。不过在使用绝对定位时，需要注意的是，元素的宽度与左边框和右边框的距离有关。比如下面的代码：

.positioned {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
border: 1px solid black;
}

在这段代码中，大家设置了元素的宽度为200px，并添加了1px的黑色实线边框。结果这个元素的实际宽度是203px，因为左边框和右边框各有1px的宽度。如果大家想让元素的实际宽度和设置的宽度一致，可以使用“box-sizing: border-box;”来设置元素的盒模型，这样元素的宽度就会包括左右边框的宽度了。

.positioned {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
border: 1px solid black;
box-sizing: border-box;
}

在使用绝对定位时，大家还需要注意元素的父元素是否已经定位。如果祖先元素没有设置定位，那么元素会相对于整个页面定位，这样就可能导致定位不准确的问题。因此，大家在设置绝对定位时，要确保祖先元素已经设置了定位属性。 总之，绝对定位是CSS中非常重要的一种定位方式。在使用绝对定位时，大家需要注意元素的宽度的设置，同时要确保祖先元素已经设置了定位属性，以确保元素可以正确地定位。