我需要协助将一个人覆盖div在另一个人身上div.
我的代码看起来像这样:
<div class="navi"></div>
<div id="infoi">
<img src="info_icon2.png" height="20" width="32"/>
</div>
Run Code Online (Sandbox Code Playgroud)
不幸的是我不能嵌套div#infoi或者img,第一内侧div.navi.
它必须是两个独立的divS作为显示,但我需要知道我怎么能放置div#infoi在div.navi和最右侧,并集中在顶部div.navi.
我有一个包含边框和填充的标题框以及该框的背景颜色,我可以仅为边框后面的填充区域更改背景颜色,然后为其余宽度更改相同的背景颜色(即给定代码中的灰色) ?
只需要一小段代码,我想要填充背景颜色:
nav {
margin:0px auto;
width:100%;
height:50px;
background-color:grey;
float:left;
padding:10px;
border:2px solid red;
}
Run Code Online (Sandbox Code Playgroud) 我对html或css了解不多,但我做了很多;

我想堆叠div,所以它看起来像这样(请原谅糟糕的绘图);

我用谷歌搜索了如何尝试不同的东西,但喜欢/不喜欢的盒子总是最终没有移动或移动到最左边/非常右边.
<div style="float:left;width:300px;height:350px;text-align:center;">
<div style="float:left;width:500px;height:200px;text-align:center;">
<div id="wrapper">
<div style="align=center;">
<div id="first">1</div>
<div id="second">2</div>
Run Code Online (Sandbox Code Playgroud)
这些是我拥有的三个div.第一个有链接[添加/消息等]
第二个有"thelastgecko"和个人资料文本.
而我正在尝试使用最后一个框来表示喜欢/不喜欢,但无论我做什么都行不通.