在固定div内居中固定div
我正在努力将固定div居中在另一个固定div内。我尝试了很多东西，但无法集中它。我怎样才能做到这一点？在固定div内居中固定div.overlay { background: rgba(0, 0, 0, .60); position: fixed; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .25s ease; z-index: 3; m...
2024-01-10为div扩展全高
有没有一种方法可以使div扩展到最大高度？我也有一个脚注。这是网页： 。我要说的中间部分是白色div，中间内容具有CSS值：.midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:10...
2024-01-10将浮动div置于另一个div的中心
我搜索了其他问题，尽管这个问题似乎与其他几个问题相似，但到目前为止，我所看到的任何问题似乎都无法解决我遇到的问题。我有一个div，其中包含许多其他div，每个div都向左浮动。这些div分别包含照片和标题。我要的是使照片组位于包含div的中心。从下面的代码中可以看到，我已经尝试在父div...
2024-01-10使绝对定位的div扩展父div的高度
如您在下面的CSS中所看到的，我想child2将自己定位在之前child1。这是因为我当前正在开发的网站也可以在移动设备上工作，该网站child2应该位于底部，因为它包含了我想要在移动设备内容下方显示的导航。-为什么没有2个母版页？这是divs在整个HTML中重新定位的仅有2个，因此，此较小更改的2个母版页是...
2024-01-10尝试提取特定div和子div下的数据
我试图获得它，因此我可以让它打印本书和章节的标题，但只列出每本书和标题。尝试提取特定div和子div下的数据所以基本上 “雅各布的第一本书” 章节1-7，而不是它遍历所有的书。这里是页面布局（URL包括在Python代码）<dl> <dt>Title</dt> <dd> <dl> <dt>Sub Title</dt> </dl> </dd> <dt>T...
2024-01-10css-将div定位到包含div的底部
如何将div定位到包含div的底部？<style>.outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/}.inside { position: absolute; bottom: 2px;}</style><div class="outside"> <div class="inside">inside</div></div>此代码将文本“放入”置于页面底...
2024-01-10js实现的点击div区域外隐藏div区域
首先看下JS的事件模型，JS事件模型为向上冒泡，如onclick事件在某一DOM元素被触发后，事件将跟随节点向上传播，直到有click事件绑定在某一父节点上，如果没有将直至文档的根。阻止冒泡：1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器，而Jquery已经有兼容浏览器的方法，event....
2024-01-10如何拉伸div高度以填充父div-CSS
我有一个如下所示的div页面<div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div></div>样式html, body { margin: 0; padding: 0; border: 0;}#B...
2024-01-10如何在另一个div中居中放置一个div？
我想#container将居中#main_content。但是，事实并非如此。我只想找出原因以及如何使其居中。#main_content { top: 160px; left: 160px; width: 800px; min-height: 500px; height: auto; background-color: #2185C5; position: relative;}#container { width: auto; height: auto; margin: 0 auto; ...
2024-01-10JQUERY如何从动态div获取id名称？
我有两个动态生成（从PHP文件）divs。这个div是这样的：JQUERY如何从动态div获取id名称？<div id="x" class="myclass"></div> <div id="y" class="myclass"></div> 其中X和Y是从一个PHP文件动态生成的数字。如何获取此id（数字）时，例如，我点击此divs？我已经试过这样：$('.myclass').click(function(){ alert(this.attr("id")); }); ...
2024-01-10如何让div定位在另一个div的顶部角落？
你好我计划做一个div在另一个div的右上角放置如何让div定位在另一个div的顶部角落？.another { position:fixed; padding:09px; margin:auto; left:25%; width:auto; height:auto; background:#ffffff; z-index:999999; } .topcorner { float:right; position:fixed; ...
2024-01-10禁用div缩放，但允许页面缩放（备用div）
有没有一种方法可以禁用div缩放或网站上的任何特定元素？例如，如果我希望页面是可缩放的，而不是#Headerdiv，是否有一种方法可以使一个缩放，而另一个不能缩放？基本上，当您在移动设备上缩放时，它也会缩放Header，但是我希望Header始终保持固定大小（不可缩放）。我知道您可以使用以下代码来...
2024-01-10如何使内部div的高度与最高div的高度相同
在下面的代码中，我希望带有“ y”的div将div的高度与3个“ x”相匹配。<div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;"><div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; background-color: rgb(30, 23, 22); width: 312px; float: left;"> x...
2024-01-10设置“位置：固定” div相对于父div的宽度
我正在尝试给div（位置：固定）的宽度为100％（与其父div有关）。但是我有一些问题编辑： **第一个问题是通过使用继承解决的，但它仍然无法正常工作。我认为问题在于我正在使用多个采用100％/继承宽度的div。福克斯的例子#container { width: 800px;}#fixed { position: fixed; width: 100%;}和html<div id...
2024-01-10使嵌套div拉伸到剩余容器div高度的100％
我有一个容器div，我想至少拉伸到整个窗口的高度。如果容器div中有很多内容，我希望它可以扩展到大于窗口的高度。这可行。在容器div中，我有一个图像。图片下方/下方，我有第二个div。我希望此嵌套div垂直拉伸以填充容器div的剩余空间。这行不通。我试图用这张图来说明问题。我希望div以右图 左...
2024-01-10div中的浮动元素，在div之外浮动。为什么？
假设您有一个div，给它一个定值width，然后在其中添加元素，在我的情况下为img另一个div。这个想法是容器的内容div将导致容器div伸展，并成为内容的背景。但是，当我这样做时，包含div的对象会缩小以适合非漂浮的对象，并且漂浮的对象将要么全部伸出，要么一半伸出，一半进入，并且对big的大小没...
2024-01-10ReactJS：淡入div并根据状态淡出div
因此，我试图根据用户单击的按钮淡入和淡出一组输入。我尝试使用jQuery，但是div以相同的速度渐入渐出…我正在使用es6类并做出反应。我想要的是用户 。我不介意使用jQuery，但我想了解如何通过React做到这一点。renderInputs() { if (this.state.addType === "image") { return ( <div className="addContainer"> ...
2024-01-10展开div以填充剩余宽度
我想要一个两列的div布局，其中每个可以具有可变的宽度，例如div { float: left;}.second { background: #ccc;}<div>Tree</div><div class="second">View</div>我希望’view’div扩展到’tree’div填充所需空间后可用的整个宽度。目前，我的“视图” div已调整为包含它的内容的大小，如果两个div都占据整个高度，...
2024-01-10如何使div相对于父div而不是视口的百分比宽度
我想发生的是内部div占用其父div（outer）分配的空间的50％。取而代之的是，将获得视口可用空间的50％，这意味着随着浏览器/视口尺寸的缩小，它也会缩小。鉴于外div有min-width的2000px，我希望内部的div至少1000px宽。回答：position:absolute/relative在节点上指定非静态位置意味着将其用作其中绝对位置元素...
2024-01-10如何在另一个div内对齐3个div（左/中/右）？
我想在容器div中对齐3个div，如下所示：[[LEFT] [CENTER] [RIGHT]]容器div的宽度为100％（未设置宽度），调整容器大小后，居中div应保持居中。所以我设置：#container{width:100%;}#left{float:left;width:100px;}#right{float:right;width:100px;}#center{margin:0 auto;width:100px;}但它变成：[[LEFT] [CENTER] ...
2024-01-10如何创建div以填充页眉和页脚div之间的所有空间
我正在努力从使用表格进行布局过渡到使用div（是的，是的，是伟大的辩论）。我有3个div，页眉，内容和页脚。页眉和页脚各为50px。如何使页脚div停留在页面底部，而内容div填充两者之间的空间？我不想硬编码内容div的高度，因为屏幕分辨率会改变。回答：Flexbox解决方案使用flex布局，我们可以在实...
2024-01-10
【CSS】讓 div 裡面的 div 無條件靠上？
.a{width: 23%; height: 255px; margin: 15px 9px; display: inline-block; border-radius: 5px; border: 1px #ccc solid; cursor: pointer;}.b{width: 1140px;}<div class="b"> <div class="a"> ... </div> <div class="a"> ... </div> <div clas...
2024-01-10当鼠标位于固定div上方时，滚动底层div的方法吗？
问题是如此之久，以至于想出一个总结它的标题被证明是棘手的。所以无论如何。我有一个div具有overflow: auto和经常不流过这样滚动条上出现。然后我有一个div具有position:fixed，并位于内容顶部的div。现在，当我div在html主体本身上有固定位置时，只要将鼠标悬停在html主体上，就可以使用滚轮滚动文档d...
2024-01-10将div居中在向右浮动的div和向左浮动的div之间
我有一个页面，其中页眉由三个div组成-一个浮动在左侧，一个浮动在右侧，以及一个在它们之间。我希望该中心div居中，但遗憾的float:center是不存在，我不能只是将其浮动到左侧并添加填充，因为它必须根据窗口大小进行更改。有什么简单的我可以忽略的吗？还是我会怎么做？此外，我想找到一种...
2024-01-10溢出：隐藏在div和body上，行为不同
鉴于此html：<body> <div id="a"></div> <div id="b"></div></body>我要#b填充其容器块的所有剩余垂直空间，我从这里开始：body { height: 500px; width: 500px; overflow: hidden;}#a { height: 100px; width: 100px;}#b { height: 100%; width: 100%;}#b100％的高度也是如此，这意味着它正在采用其父容器块的高度500px，即问题是...
2024-01-10
