Css 绝对div在相对div中的总左位置?
我有以下代码:Css 绝对div在相对div中的总左位置?,css,mootools,Css,Mootools,我有以下代码: 我希望div“.item content”在显示时始终位于左侧,并且与整个页面一样宽,如何才能做到这一点?如果从.item中删除位置:relative,您将获得所需的效果。我还删除了top:37px以固定垂直定位。如果需要调整,请使用边距顶部 什么的左边?相对div?还是屏幕?它应该填满到右边吗? .item { width: 120px; padding: 10px; display: block; background-color: #CCC
我希望div“.item content”在显示时始终位于左侧,并且与整个页面一样宽,如何才能做到这一点?如果从
.item
中删除位置:relative
,您将获得所需的效果。我还删除了top:37px代码>以固定垂直定位。如果需要调整,请使用边距顶部
什么的左边?相对div?还是屏幕?它应该填满到右边吗?
.item {
width: 120px;
padding: 10px;
display: block;
background-color: #CCC;
float: left;
margin: 5px;
position: relative;
}
.item .item-preview {
position: relative;
z-index: 10;
display: block;
}
.item .item-content {
/*display: none;*/
position: absolute;
left: 0px;
top: 37px;
padding: 5%;
z-index: 11;
width: 90%;
background-color: #000;
color: #FFF;
}