腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >即使调整了窗口大小，也要将div元素放在图像顶部

问即使调整了窗口大小，也要将div元素放在图像顶部
EN

Stack Overflow用户

提问于 2020-06-20 14:28:02

回答 2查看 34关注 0票数 0

我希望红色框始终覆盖黑框，即使调整窗口大小也是如此。框的大小为40px*40px，调整窗口大小时大小不变。除黑盒外，所有内容的大小都会发生变化。离顶部的距离也保持不变。我如何才能做到这一点，使红色框始终在顶部。

position

html

css

回答 2

Stack Overflow用户

发布于 2020-06-20 14:29:11

只需创建一个div元素，将两者都包含在内

票数 0

Stack Overflow用户

发布于 2020-06-20 14:39:05

我将建议对黑色和红色使用相同的属性(这样，如果您调整大小，它们将落在相同的位置)，并使用z-index来确保红色位于顶部。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62487103

复制

css 文字自适应大小_div自适应窗口大小

jquery 网站 html

css3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。

全栈程序员站长

2022/09/20

3.3K0

html图片自适应div大小_未知宽高的div元素垂直水平居中

html

2.设置html图片的高度计算出来的 height 正好是排版后的高度大小，是 CGFloat 类型，在是在我们设置UIlabel/Cell 高度时，可能存在四舍五入等，最后存在的一点点误差使得 UILabel 显示不全，可能出现缺少一行，上下空白太多等情况；

全栈程序员站长

2022/11/09

2.9K0

前端性能优化—将CSS文件放在顶部

css

CSS文件放置在head中和放在body底部，对CSS本身的下载时间不会有影响，但对页面的呈现有非常大的影响，与用户体验密切相关。

红目香薰

2022/11/29

8920

win10 uwp 设置启动窗口大小获取窗口大小设置启动窗口获得窗口大小

其他

ApplicationView.PreferredLaunchWindowingMode 设置UWP窗口全屏

林德熙

2018/09/18

5.3K0

win10 uwp 设置启动窗口大小获取窗口大小设置启动窗口获得窗口大小

windows

ApplicationView.PreferredLaunchWindowingMode 设置UWP窗口全屏

林德熙

2019/03/13

4.2K0

js 控制div 元素随着窗口的变化，保持长宽比例不变

javascript

(adsbygoogle = window.adsbygoogle || []).push({});

tianyawhl

2019/04/04

3.9K0

点击文字或按钮弹出一个DIV窗口（DIV悬浮窗口）

html javascript

因为最近有人问小轻建站问题，想知道DIV弹窗的做法，给大家测试了下，效果大家可以再做修改。

半夜喝可乐

2019/06/11

14.7K1

win10 uwp 设置启动窗口大小获取窗口大小

windows

ApplicationView.PreferredLaunchWindowingMode 设置UWP窗口全屏

林德熙

2022/08/09

1.9K0

CSS

html css

CSS的四种引入方式：一、行内样式 <div style="background-color: blue;color: brown">cairui</div> 二、 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color: blue; color:

用户1173509

2018/01/17

1.4K0

CSS:模拟Windows窗口及DIV居中

其他

　　利用CSS，尝试做了一个仿Windows窗口的横向纵向均居中的Div效果：　　以下是完整源代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

小李刀刀

2018/03/02

1.8K0

定位div到窗口固定位置

其他

代码来自网络~ /*任意位置浮动固定层*/ /*调用： 1 无参数调用：默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id").floatdiv("rightbottom"); //左下角 $("#id").floatdiv("leftbottom"); //右下角 $("#id").floatdiv("rightbottom"); //左上角 $("#id").floatdiv("lefttop"); //右上角 $("#id").floatdiv

苦咖啡

2018/04/28

2.5K0

jQuery笔记(3)

jquery 编程算法 node.js

jQuery隐式迭代是对同一类元素做了相同的操作,如果想要给同一元素做不同的操作,就需要用到遍历

y191024

2022/09/20

6710

DIV元素水平和垂直居中

actionscript html

在前端开发过程中，经常要对元素进行居中设置。一般有水平居中，和垂直居中。一般设置水平居中简单。基本是margin:0 auto，就可以了。但是垂直居中，我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。目前通用的解决办法是，使用绝对定位，然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面，然后使登录界面水平居中和垂直居中。代码如下： <html> <head> <title>div元素水平和垂直居中</

八哥

2018/01/18

2.8K0

jquery获取元素到页面顶部的距离

jquery com footer offset 语法

在前端开发过程中，经常会遇到要求滚动条滚动到某位置时某按钮固定在页面上，否则悬浮于页面上。这时就会用到获取需要固定在页面位置的元素距离页面顶部的距离，通过比较文档滚动条到顶部的距离和页面元素到顶部距离的大小便可确定。

OECOM

2020/07/01

5.3K0

为什么图片识别要将彩色图像灰度化？

https 网络安全

先前在为大家介绍OCR识别技术时，在图像预处理部分提到了灰度化，大家可能会产生疑惑：为什么做图片识别要将彩色图像灰度化呢？

AI算法与图像处理

2021/03/12

5.3K0

JavaScript 鼠标拖拽div 改变其大小

html5 html

转自： http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html

acoolgiser

2019/01/17

1.7K0

网站性能优化(二)一定要将CSS置于顶部，JS置于底部吗？

css 渲染 html 腾讯云开发者社区

“CSS文件在header中引入，JS文件在body底部引入”，这条建议在前端界几乎是黄金法则。

娜姐

2022/05/13

8640

即使不懂单元测试，会用这个工具也够了~

腾讯云测试服务 java 网络安全

Mockito 是一个强大的用于 Java 开发的模拟测试框架, 通过 Mockito 我们可以创建和配置 Mock 对象, 进而简化有外部依赖的类的测试.可以不进行外部依赖，快速进行Java的单元测试的进行。

测试小兵

2020/09/22

1.7K0

网页设计基础知识汇总——超链接

php html

<table border=" "> —— 设置边框的宽度，以像素点为单位的边框宽度，不设置宽度默认值为0

宝耶需努力

2022/12/13

3.6K0

点击加载更多

相似问题

div来包装内容，即使窗口大小调整了。

如何才能保持图像顶部div(文本框)的相同位置，即使我调整了窗口的大小？

Qt:即使失去焦点，也要将子窗口放在父窗口的顶部。

即使调整了浏览器的大小，也可以设置等高的div。

图像过早地调整了窗口大小

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问即使调整了窗口大小，也要将div元素放在图像顶部
EN

回答 2

Stack Overflow用户

Stack Overflow用户

div来包装内容，即使窗口大小调整了。

如何才能保持图像顶部div(文本框)的相同位置，即使我调整了窗口的大小？

Qt:即使失去焦点，也要将子窗口放在父窗口的顶部。

即使调整了浏览器的大小，也可以设置等高的div。

图像过早地调整了窗口大小

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问即使调整了窗口大小，也要将div元素放在图像顶部EN

回答 2

Stack Overflow用户

Stack Overflow用户

div来包装内容，即使窗口大小调整了。

如何才能保持图像顶部div(文本框)的相同位置，即使我调整了窗口的大小？

Qt:即使失去焦点，也要将子窗口放在父窗口的顶部。

即使调整了浏览器的大小，也可以设置等高的div。

图像过早地调整了窗口大小

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问即使调整了窗口大小，也要将div元素放在图像顶部
EN