我的页面#topLeft 上有一个区域设置了最小高度。
在#topLeft 中,我有一个#heroBanners 部分,我希望将其锚定到#topLeft 的底部 - 使用position:absolute;底部:0;
起初,这工作正常,但是当 #topLeft 应该展开时,它就不能展开,并且 HeroBanner 部分只是与上面的内容重叠。
我假设问题是通过将最小高度与绝对定位内容混合来调用的?
任何想法如何解决这个问题,代码如下:
<div id="topLeft">
<div class="linksBox">
<ul>
<li>Item 1</li>
<li>Item2 </li>
<li>Item 3</li>
<li>Item4 </li>
</ul>
</div>
<div id="#heroBanners">
</div>
</div>
#topLeft {margin:0 27px 27px 0; width:478px; min-height:378px; *height:378px; *margin-bottom:22px; position:relative;}
#heroBanners {bottom:0; position:absolute;}
如果你将块或 div 放入一个新的 div 中并将其样式设置为 { ,这将非常容易bottom:0; position:absolute;
而不是英雄横幅。
<div id="parent">
<div id="topLeft">
<div class="linksBox">
<ul>
<li>Item 1</li>
<li>Item2 </li>
<li>Item 3</li>
<li>Item4 </li>
</ul>
</div>
<div id="#heroBanners">
</div>
</div>
</div>
#topLeft {margin:0 27px 27px 0; width:478px; min-height:378px; *height:378px; *margin-bottom:22px; position:relative;}
#parent {bottom:0; position:absolute;}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)