宽度:100%,位置:绝对(css)

前端之家收集整理的这篇文章主要介绍了宽度:100%,位置:绝对(css)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果你这样做:
<div style="width:auto;background:red;color:white">test</div>

你得到一个被拉伸以填满整个屏幕宽度(100%)的div.

这就是我需要发生的事情.

但是,我也需要设置起始位置.所以我需要的位置是:绝对的.

当我添加position:absolute时,div的宽度与..内的内容一样宽(与float相似).有没有办法解决

我不能简单地指定宽度:100%,因为这不会占用帐户边框大小等.

谢谢,
韦斯利

解决方法

When I add position:absolute,the width of the div is only as wide as
the content within.. (Similar to floats). Is there any way around
this?

I cannot simply specify width:100% since this does not take in to
account border sizes,etc..

你可以使用position:absolute;左:0;右:0;顶:0.

像这样:http://jsfiddle.net/thirtydot/yQWGV/

猜你在找的CSS相关文章