CSS InfoBox上的所有元素如何放置？

Question

我希望link处的蓝框显示白色区域的整个宽度，内容......

代码：

.info {
    background-color: #3498db;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    z-index: 10;
}

谢谢你的帮助......

Answer 1

您可以设置100％的宽度，这应该是内容区域的全宽...

Answer 2

试试这个JQuery代码：

var s=$('#content').width();
document.getElementById('home').style.width=s;

使用Inspect Element我发现 #content 是您的父（白色背景）div而 #home 是您想要调整宽度的div #container 的宽度。

如果 info 类写：

var s=$('#content').width();
$('.info').css({'width':''+s+'px'});

Answer 3

如果您想要100％#content上的蓝色内容，则应删除#content上的填充。