文章/答案/技术大牛

发布

社区首页 >问答首页 >将div放在具有绝对位置的div下

问将div放在具有绝对位置的div下
EN

Stack Overflow用户

提问于 2015-03-11 21:16:14

回答 1查看 22关注 0票数 0

我想做一个标题与图像在它将使用浏览器的整个宽度，即使缩小。在带有图像的#slider-wrapper的正下方是#main-content。但是这个div现在直接放在#topheader之后，你可以看到是什么表明了我的问题。该div必须紧跟在#slider-wrapper之后(因此)，但因为#slider-wrapper是绝对定位的，所以div #main-content位于#topheader之后。

我怎样才能让#main-content定位在#滑块包装之后？有没有其他方法可以让标题图像使用整个屏幕的宽度而不是绝对位置？请帮我解决这个问题，我已经试了好几个小时了。

我第一次做了一个jsfiddle，虽然不是100%正确，但我想它会正确的。所以，即使缩小后，标题图像也会使用整个屏幕，但我无法很好地定位#main-content。非常感谢

https://jsfiddle.net/hj28fuw7/4/embedded/result/

https://jsfiddle.net/hj28fuw7/4/

html

css

回答 1

Stack Overflow用户

发布于 2015-03-11 21:35:54

如果我理解正确的话，我认为您需要做的是在#main-content上设置一个上边距来设置#slider-wrapper高度的值。即

更改：

#main-content {
    width: 1060px;
    margin: 0 auto;
    border: 1px solid #000000;  
}

至：

#main-content {
    width: 1060px;
    margin: 426px auto 0px auto;
    border: 1px solid #000000;
}

票数 0

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

原文链接：

https://stackoverflow.com/questions/28997508

复制

可编辑DIV设置光标位置

html

平时我们使用文本框input, textarea时，我们有时候需要得到光标的位置或者说设置光标的位置. 但是文本框有个不足，就是不能满足我们插入图片或者其他的一些要求. 所以有时候我们使用div来代替文本框. 今天为了搞定设置DI的光标位置.头疼啊，终于可以了，记录一下，网上资料不多. 首先要让DIV启用编辑模式. <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入

joshua317

2018/04/10

6.6K0

定位div到窗口固定位置

其他

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

苦咖啡

2018/04/28

2.5K0

JS实现div块的拖放，调换位置

html5 drag draggable event innerhtml

主要是HTML5 的拖放（Drag 和 Drop）例子（不需要对div设置ID）： <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } var srcdiv = null; function drag(ev,divdom) { srcdiv=divdom; ev.dataTrans

青梅煮码

2023/03/02

6.8K0

Div 滚动条滚动到指定的位置[通俗易懂]

https java 网络安全 node.js html

(“#container”).scrollTop((“#test4”).position().top +

全栈程序员站长

2022/09/14

3.8K0

DIV

<div style="width:80%; margin-left:auto; margin-right:auto;"> 滚动条 <div style="position:absolute; height:400px; overflow:auto"></div> div 设置滚动条显示：overflow :yes div 设置滚动条自适应显示：overflow :auto div 设置上下滚动条显示：overflow-y :yes div 设置上下滚动条自适应显示：overflow-y :auto 如果该

一朵灼灼华

2022/08/05

2.1K0

div:给div加滚动条　div的滚动条设置

java https 网络安全

全栈程序员站长

2022/09/14

6.2K0

CSS 定位布局 - 绝对、固定定位设置居中悬浮div

auto 布局

在上一篇 CSS 定位布局 - 相对、绝对、固定三种定位中，发现当使用定位布局的时候，存在一个无法使用margin居中的方法。

Devops海洋的渔夫

2019/05/31

3.4K0

div标签

html 程序

div标签使用频率非常高的标签，表示 “一块分区” div是换行的标签 div中可以写内容，也可以写其他标签或div标签一、代码实战新建 html 文件 06-div.html，编写下方程序，运行看看效果吧 <!DOCTYPE html> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metanam

鹤川

2023/03/21

1.5K0

div垂直居中的几种方式_div垂直水平居中

css html

利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。

全栈程序员站长

2022/08/03

4.2K0

div在div中垂直居中水平居中(css如何让div水平居中)

https java 网络安全 html

最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法

全栈程序员站长

2022/08/01

15.1K0

将网站程序放在tmpfs下

node.js nginx web.py 单片机网站

将网站程序放在tmpfs下然后用nginx直接做对外服务呢 varnish或者squid都是利用内存和它的连接数来做到加速服务. 但是如果是squid->nginx->fastcgi->mysql 这样当中很多连接是开销在内部的连接之中而且如果客户端请求php.squid还需要将请求再转发至nginx,然后nginx再转发至fastcgi 对于动态内容的多加了一个步骤. 考虑到nginx有了不低于squid以及varnish的连接能力那么可以将网站程序直接放在tmpfs中这样如果是静态的.就会直接从内存读取后返回给用户(和其他缓冲服务器的效果一样) 如果是PHP就丢给后面的fastcgi处理这样更快.

Java架构师必看

2021/03/22

1.1K0

div 环形排列_三个div如何并排

math

红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值和 top值，设置的点;

全栈程序员站长

2022/09/19

2.9K0

Codeforces Round 502(Div.1 + Div.2)

c++

题目大意：给出 n 个学生的成绩，Thomas Smith 的成绩是第一行，然后要按总成绩进行排序，总分相同的按编号从小到大排；开始看还以为要写 sort 的 cmp 函数进行多条件排序，敲完才发现其实只要按总分就可以了，因为托马斯的 id 是一，必然会排在前面。

Cell

2022/02/25

1K0

鼠标拖拽移动DIV 记录一下

拖拽

export default { data() { return {} }, methods: { mousedown(e) { // 被移动的主体 mainDiv const mainDiv = document.querySelector('.vvhan-com') // 鼠标点击位置与主体边的距离 const distanceX = e.clientX - mainDiv.offsetL

骤雨重山

2022/05/30

1.2K0

单列div不包含里面div margin的解决方法

class hidden overflow push window

若一个大的div ,里面有2个小div,第一个小div有margin-top:20px; margin-bottom:20px;,第二个小divmargin-bottom:20px;

tianyawhl

2019/04/04

1.3K0

一张图片或Div不同位置点击事件

事件

代码示例  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta

骤雨重山

2022/01/17

1K0

div包裹img时div高度高于img的解决办法

image png

代码如下： <div> <img src=''" style="width: 36px; height: 36px;"> </div> 现象如下： image.png 可以看得出，红框里的圆形

飞奔去旅行

2019/06/13

3.9K0

div构建table

css c++容器

一笠风雨任生平

2019/08/02

1.2K0

div构建table

css c++容器

一笠风雨任生平

2019/08/02

1.1K0

torch.div

tensor torch

torch.div(a, b) ,a和b的尺寸是广播一致的，而且a和b必须是类型一致的，就是如果a是FloatTensor那么b也必须是FloatTensor，可以使用tensor.to(torch.float64)进行转换。

狼啸风云

2021/03/03

1.1K0

相似问题

CSS将div放在绝对div下

4111

将div放在具有响应性高度的绝对定位的div下

位置:绝对，div下的div

将div放在带有可变高度的绝对div下

如何将div放在具有动态内容绝对位置div的下方

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问将div放在具有绝对位置的div下
EN

回答 1

Stack Overflow用户

CSS将div放在绝对div下

将div放在具有响应性高度的绝对定位的div下

位置:绝对，div下的div

将div放在带有可变高度的绝对div下

如何将div放在具有动态内容绝对位置div的下方

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将div放在具有绝对位置的div下EN

回答 1

Stack Overflow用户

CSS将div放在绝对div下

将div放在具有响应性高度的绝对定位的div下

位置:绝对，div下的div

将div放在带有可变高度的绝对div下

如何将div放在具有动态内容绝对位置div的下方

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将div放在具有绝对位置的div下
EN