如何在另一个div标签内将2个div标签堆叠在彼此之上？

我有一个日历，我正在尝试向它添加事件。每个事件都有一个样式，并且会有一个与其关联的链接。当每天只有一个事件时，它似乎可以确定，但是当我试图在一天内添加2个事件时，问题就出现了。我玩过绝对和相对的位置，但它似乎没有工作。我想它看起来像这样： example Image 但actuallty看起来是这样的：actual html 如何在另一个div标签内将2个div标签堆叠在彼此之上？

这里是我的代码：

CSS

.calendarDay { 
position: relative; 
clear: none; 
width: 14.2851%; 
height: 142px; 
background-image: url(images/calendarDayBG.png); 
background-repeat: no-repeat; 
background-size: cover; 
font-family: "Stag Sans book", "Arial"; 
font-size: 45pt; 
vertical-align: top; 
color: #4d4f53; 
overflow: hidden; 
top: 40px; 
text-align: left; 
} 

.calendarDay h1 { 
font-family: "Stag Sans light", "Arial"; 
font-size: 45pt; 
text-overflow:clip; 
vertical-align: top; 
}

/*事件样式*/

surgicalCare { 
display: inline; 
alignment-baseline:baseline; 
background-color: #d75f17; 
position: absolute; 
} 
surgicalCareStacked { 
display: inline; 
background-color: #d75f17; 
position: absolute; 
} 
strategicaccounts { 
display: block; 
alignment-baseline:baseline; 
background-color: #5e249e; 
}

HTML

<li class="fluid calendarDay zeroMargin_desktop">17<a href="EAST/msn.html"><div  class="fluid surgicalCareStacked"> 
    <p>E.A.S.T.</p> 
    </div></a> 
    <a href="EAST/sponsorship_EAST.html"><div class="fluid surgicalCare"> 
    <p>E.A.S.T.</p> 
    </div></a></li>

我在想我可能需要使用不同的风格：一个用于一天中的多个事件“叠加”，另一个用一个事件......但我可能完全错误！

谢谢！

来源

2014-01-09 user3179332

你可以创建一对夫妇图像，显示你想要什么与你实际得到什么？ –

'float：left;'。 –

我的目标：https：//dl.dropboxusercontent.com/u/3860226/dwddwdwdwd.JPG，但它看起来像这样：https：//dl.dropboxusercontent.com/u/3860226/wsdfwerdxweqda.JPG – user3179332

由于某种原因，您的图像不可用。如果我没有理解你的问题，这是你在找什么：

______________________ 
|  Parent div  | 
| __________________ | 
| | Child div 1 | | 
| |     | | 
| |__________________| | 
| __________________ | 
| | Child div 2 | | 
| |     | | 
| |__________________| | 
|______________________|

像这样的工作：

HTML

<div id="parent"> 
    <div id="child1"> 
     <!-- Stuff here --> 
    </div> 
    <div id="child2"> 
     <!-- Stuff here --> 
    </div> 
</div>

CSS

#div1 { 
    width: 250px; // Or whatever width you need 
}

该作品因为div默认是块元素，所以它们跨越它们父元素的整个宽度，而f或其他元素下降。

来源

2014-04-30 19:48:19

如何在另一个div标签内将2个div标签堆叠在彼此之上？

回答

相关问题