我目前正在为案例研究构建一个页面，其中包括一个主横幅图像，后面是3行3个子图像。每个图像都通过 if (textBox1.Text == "")
{
pictureBox1.BackColor = Color.Transparent;
}
else if (textBox1.Text.Length >= 8)
{
pictureBox1.BackColor = Color.Green;
}
else if ( textBox1.Text.Length < 8)
{
pictureBox1.BackColor = Color.Red;
}
属性添加，因此div可以保持相同的高度。 div有一个悬浮容器在顶部，我希望始终在顶部，但当我到达我的断点（850px及以下）时，很难，没有精确的像素，将盖子保持在容器的顶部。有没有比我正在做的更容易的方法呢？
以下是我使用的基本HTML结构
background-image
由于<div class="study-list">
<a href="#">
<div class="study-block left">
<div class="left-case-cover">
<div class="case-study-title">A Bridge For Kids Raises Scholarship Funds For Students Using Dxxx's Fundraising Software</div>
<div class="case-study-cta">Click here to read more</div>
</div>
<div class="study study1"></div>
</div>
</a>
<a href="#">
<div class="study-block center">
<div class="center-case-cover">
<div class="case-study-title">A Bridge For Kids Raises Scholarship Funds For Students Using Dxxx's Fundraising Software</div>
<div class="case-study-cta">Click here to read more</div>
</div>
<div class="study study2"></div>
</div>
</a>
<a href="#">
<div class="study-block right">
<div class="rightt-case-cover">
<div class="case-study-title">A Bridge For Kids Raises Scholarship Funds For Students Using Dxxx's Fundraising Software</div>
<div class="case-study-cta">Click here to read more</div>
</div>
<div class="study study3"></div>
</div>
</a>
必须绝对定位在covers上，因此我无法正常工作。有没有更好的方法来解决这个问题，或者你们中的任何一个可以帮助我完成这项工作吗？它看起来很适合851px及更高的屏幕尺寸，只需找出一种方法让它在移动设备上工作。
以下是我当前问题的 Fiddle ，可能有助于将其扩展为全屏。
感谢您的帮助！
我尝试过的事情：
•我试图将容器盖住一定宽度然后case-studys以隐藏多余的悬停，但这并没有奏效。
•我试图用精确的像素做到这一点，但这也让我失望了。
答案 0 :(得分：0)
尝试将position: relative;添加到封面DOM的父级。同时确保封面从top: 0, left: 0开始，以bottom:0和right:0结尾。
您可能必须为正确的路线做一个clearfix，以确保连续DOM的重叠不会发生。 （仅对于<850px分辨率）。为通用HTML添加此内容可能最终会破坏您的桌面分辨率。