绝对定位浮动Div Div

我试图实现这一点：在屏幕左侧宽度为1000px，高度为350px的图像。屏幕右侧的电子邮件捕获。我希望电子邮件div可以放在1024x1200像素的部分图像上，但是当屏幕展开（或在更大的屏幕上观看）时，我希望这两个图像分开，然后以最大宽度停止。我相信我已经完成了这部分的过程。绝对定位浮动Div Div

我的第二个问题是，当屏幕变得小于1024时，我希望将电子邮件捕获置于图像下方。

我现在有了这个设置作为一个绝对定位的图像和一个浮动div覆盖它与含有div的最大宽度持有两个。但随着绝对放置，浮动div不会立即滑动到绝对放置的图像下方，而是在屏幕的左侧和右侧之间来回跳动，最后在图像的顶部结束...

http://new.healthcareexcellence.org/

来源

2015-03-19 matt stewart

直视CSS媒体查询你是什么试图实现www.mediaqueri.es – Sai 2015-03-19 00:34:31

position: absolute;对图像容器.home-featured-left是罪魁祸首。

当您不需要时（只要您点击小屏幕尺寸），您只需要“禁用”绝对定位。有很多方法，你可以去了解它，但最简单的方法是只添加以下内容：

.home-featured-left { 
    position: static; 
}

成小屏幕尺寸的媒体查询：@media only screen and (max-width: 960px)

来源

2015-03-19 04:03:22 Adam

道歉马特，我的意思是'位置：静态;'。我现在在我的答案中更新了这个。将其设置为静态会将位置样式设置回默认值（如果位置尚未定义，静态是默认值）。或者，'position：relative;'也可以。 – Adam 2015-03-19 05:09:15

绝对定位浮动Div Div

回答

相关问题