Html 设置固定块相对于父div(容器)的宽度

Html 设置固定块相对于父div(容器)的宽度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个容器,其中有一个位置:fixed块。我需要此块的宽度为容器大小的40%。 问题是,当您将position:fixed应用于块时,宽度不再是相对于父块的,而是相对于屏幕大小的 我无法用百分比或px修复此问题,因为它将在某些设备上阻止布局 我正在使用Twitter引导的容器类您可以使用width:inherit以继承父div的宽度 在本例中,我创建了一个具有固定位置并继承其父容器宽度的容器。在这个固定容器中有另一个div,它的宽度为固定容器的40% .container{ 宽度:400px

我有一个
容器
,其中有一个
位置:fixed
块。我需要此块的宽度为容器大小的40%。
问题是,当您将
position:fixed
应用于块时,宽度不再是相对于父块的,而是相对于屏幕大小的

我无法用
百分比
px
修复此问题,因为它将在某些设备上阻止布局


我正在使用Twitter引导的容器类

您可以使用
width:inherit
以继承父div的宽度

在本例中,我创建了一个具有固定位置并继承其父容器宽度的容器。在这个固定容器中有另一个div,它的宽度为固定容器的40%

.container{
宽度:400px;
高度:40px;
背景色:#0000ff;
}
.货柜固定{
位置:固定;
高度:30px;
宽度:继承;
背景色:#ff0000;
}
.集装箱内固定{
宽度:40%;
高度:20px;
背景色:#00ff00;
}

一些文本

是否希望块的宽度与
parent
div相同?@NenadVracar
我需要此块的宽度为容器大小的40%。
@NenadVracar如果是,我只会使用
宽度:inherit