cuốn sách gpt4 ai đã làm

css - 绝对定位 Div 之上的 float Div

In lại Tác giả: Walker 123 更新时间:2023-11-28 08:13:19 25 4
mua khóa gpt4 Nike

我正在努力实现这一目标:屏幕左侧的图像宽 1000 像素,高 350 像素。屏幕右侧的电子邮件捕获。我希望电子邮件 div 位于 1024 像素、1200 像素等处的部分图像上,但是当屏幕展开(或在更大的屏幕上查看)时,我希望两者分开,然后停在最大宽度处。我相信我已经完成了这部分过程。

我的第二个担心是当屏幕小于 1024 时,我希望电子邮件捕获低于图像。

我现在将这个设置设置为一个绝对定位的图像和一个 float 的 div,它的最大宽度是容纳这两个图像的包含 div。但是对于绝对放置, float 的 div 不会立即滑到绝对放置的图像下方,而是在屏幕的左右两侧来回移动,最后在图像顶部结束......

http://new.healthcareexcellence.org/

câu trả lời hay nhất

图像容器 .home-featured-left 上的 vị trí: tuyệt đối; 是罪魁祸首。

您只需要在不需要时“禁用”绝对定位(一旦您遇到小屏幕尺寸)。有很多方法可以解决这个问题,但最简单的方法是添加以下内容:

.home-featured-left {
vị trí: tĩnh;
}

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

关于css - 绝对定位 Div 之上的 float Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29135210/

25 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress