React: div中两个div的相对位置

文章/答案/技术大牛

发布

1回答

css、reactjs

我有一个容器div，包含另外两个div。我希望容器中的两个div分别位于容器div左侧的10%和右侧的10%。但是，只有左边的做了我想要的，而右边的没有。为什么会发生这种情况？App.js import React, { Component } from "react"; import logo from &

浏览 28提问于2019-12-16得票数 0

回答已采纳

2回答

在React组件中获得鼠标位置的正确方法是什么？

reactjs

我有一个呈现画布元素的组件。我有一个onMouseMove处理程序，但是当我将鼠标移到元素的顶部时，event.clientY打印86。为什么不是0？是否有一个合成事件属性可以提供相对于元素坐标系的点而不是相对于窗口的点？

浏览 8提问于2017-08-18得票数 3

回答已采纳

2回答

无法在导航栏html中显示徽标

html、css、reactjs

我正在做一个简单的应用程序，我不能让一个徽标出现在我的导航栏中。它与我的组件位于同一文件夹中，其名称为"logo.jpg“。有人能帮帮忙吗。我已经摆弄了一段时间了，现在无法让它的标志显示。谢谢!下面是我的组件的代码：import {Navbar, Nav,NavDropdown, Form, FormCon

浏览 8提问于2019-11-11得票数 0

回答已采纳

1回答

反应-启动波普不停留在滚动容器上的按钮。

javascript、reactjs、react-bootstrap

我在这里重新创建了中的弹出窗口，跟着，弹出器出现了，但是滚动之后，指针不再与按钮对齐，我试图传递container道具，但仍然无法工作。我怎么才能解决这个问题？再生产可复制示例 import ".<div className="bs-example-popover-scroll"> <ButtonTool

浏览 2提问于2021-11-07得票数 3

回答已采纳

2回答

相对div位置？

html、css

我有一个问题，让一个相对div堆叠在一个绝对div之下。有一个视频可以根据浏览器的宽度缩放其高度，然后我必须让一个div将自己定位在它的正下方，使用一个我可以通过.contain实现的绝对位置但是，我需要这样做，以便我可以将其他.contain放在该div使用小提琴，我试图让绿色条相对(.para1)定位在定位的绝对位置(.contain)之下。我可以使用负边距来快速解决这个问题

浏览 1提问于2015-12-08得票数 0

3回答

div相对于另外两个div的位置

javascript、jquery、html、css

我有一个由多个div组成的div，这些div可以向下折叠，然后是它们下面的另一个div。目前，如下的小提琴中所示，底部div仅在单击框3或框1(左列)时向下滚动。提前感谢您的帮助。 id=panel> <br>this is box 1<br> <div class="collapse"

浏览 47提问于2019-04-08得票数 2

回答已采纳

3回答

旋转木马外的按钮[反应-多个旋转木马]

reactjs、react-multi-carousel

是否可以将左右两边的箭头/按钮放在旋转木马项目之外？

浏览 8提问于2020-12-27得票数 1

回答已采纳

3回答

为什么相对定位元素出现在浮动元素之上？

html、css、css-float

我有两个元素:一个具有定义大部分标题的相对位置，另一个是我希望“浮动”在其之上的较小的元素。Floater!</div> <div id=header style="width: 100%; position: relative; background-color: lightgreen&q

浏览 3提问于2016-11-07得票数 1

回答已采纳

1回答

是否有反应路由器的withRouter替代方案？

reactjs、react-router

除了这个，还有其他的方法吗?或者有其他的方法，我可以从子组件中访问这些参数，而不需要隧道化或者降级-路由器？import './menuItem.style.scss' const MenuItem = ({title, imageUrl,size,linkUrl, match

浏览 4提问于2022-06-23得票数 1

回答已采纳

1回答

测量一系列DOM元素在反应中的绝对位置

javascript、html、reactjs、dom

沙箱：我试图测量某些div的绝对位置，我正在通过转发ref (React.forwardRef())访问div的DOM节点到我感兴趣的div。在父组件的构造函数中，我使用React.createRef()填充数组，然后在呈现每个divs时迭代地将它们分配给它们。最后，我记录每个div的getBoundingClientRect()返回值。问题是--尽管每个<em

浏览 0提问于2018-10-26得票数 1

回答已采纳

3回答

垂直居中包含两个文本区域的div

css、reactjs

我真的很难垂直集中我的div，它目前是两个文本区域的容器。我在我的div中有两个文本区域，以我想要的方式并排放置，我希望它们保持彼此相对的位置，但是垂直地在屏幕的中间。我该怎么做？App.js state = { };

浏览 1提问于2019-12-15得票数 0

回答已采纳

2回答

jQuery动画div相对于窗口的子元素

jquery、jquery-ui

我有两个div元素；在一个元素中，我有要动画到另一个div上的位置的子元素。然而，当我动画，子元素动画相对于父元素的位置，但我希望它是相对于窗口。这是怎么做的？<div class='target'>This is the div I would like to animate to</di

浏览 1提问于2013-12-22得票数 0

回答已采纳

1回答

CSS在引导4中可滚动div中的绝对位置

html、css、twitter-bootstrap、bootstrap-4

我正在尝试创建一个div，它是可滚动的，里面有绝对的定位子。我希望绝对定位的元素是可见的，即使父元素是滚动的。我知道我需要将父元素设置为position:相对元素来实现这一点，但是我使用的是Bootstrap 4，如果我将父元素设置为相对元素，则不会发生任何更改。注意lines-scrollable类： <div id="opened" class="col-12 align-se

浏览 0提问于2018-05-06得票数 0

回答已采纳

2回答

有什么办法在反应中锚定脚部吗？

css、reactjs

我在React中为我的应用程序创建了一个包装。我试图让页脚保持在页面的绝对底部，但是当子呈现时，页脚停留在页的原始底部，并且不会随着页面调整大小。下面的代码。(想象一个可滚动的页面，其中一个页脚在子呈现后位于页脚中间)。import Header from ".this.props.children} </<

浏览 3提问于2017-04-11得票数 1

回答已采纳

3回答

获取相对于浏览器窗口的位置

javascript、jquery、html、css

我有两个div，一个嵌套在另一个中。我想获取相对于浏览器窗口的子div位置。用例是这样的:当用户向下滚动浏览器时，我想要检测子div的位置，如果它在浏览器窗口底部上方的100px，我想要慢慢淡出它。这两个div有相对位置或绝对位置，但没有固定位置。

浏览 1提问于2009-11-07得票数 0

回答已采纳

1回答

如何在不使用画布的情况下，将按钮添加到特定位置(包围框)图像的顶部？

javascript、html、button、canvas、bounding-box

我正试图在图像的顶部添加按钮。在我的后端，我将得到一个边框(x，y，image_width，image_height)，我想用它把按钮放在边框的位置。我的第一次尝试是使用画布->，绘制一个矩形，然后添加一个事件侦听器来获取按钮。但在我看来，这种方法并不是很干净。编辑:只是一个小编辑，按钮的位置不是恒定的，它取决于包围

浏览 0提问于2019-05-15得票数 1

回答已采纳

1回答

相对于零部件的子项定位零部件

reactjs、css-position

我在React中有一个工具提示组件，它包装了一个按钮组件。如何相对于按钮位置定位工具提示？<div class="tooltip"></div> Here是一个你可以使用的代码沙盒。

浏览 16提问于2020-07-18得票数 1

1回答

中心位置:相对div

html、css

所以，我使用了以下代码：这是一个轮盘赌，我想让它(div .spinner)集中在引导.col-lg-12 div。

浏览 0提问于2016-02-04得票数 0

回答已采纳

3回答

导入的React组件在根目录具有不需要的宽度:0 div，并且正在停止该组件填充父CSS网格区域

javascript、html、css、reactjs、google-maps-react

我已经导入了google-maps-react，并在我的项目中使用它。我正在尝试定义它使用CSS网格的空间。然而，在DOM上，当呈现时，它会产生： <div><-- Map Component--></div> 就像这样，组件试图占据它的父级div的空间，但不幸的是，外部div的渲染宽度是0px，但是下一个父级的理想情况下，我希望完全删

浏览 30提问于2019-06-28得票数 1

4回答

如何在动态更改另一个div中宽度的div上对文本进行居中？

javascript、css、reactjs、sass、jsx

我正在为一个显示自动化结果的应用程序创建一个React组件。我正在尝试创建一个自定义进度条，它显示通过测试的百分比。然而，当我试图使文本居中时，它相对于内部div而言是居中的。我的进度条的代码是：import classes from '.}> <div style={{ width: pr

浏览 5提问于2020-01-17得票数 4

回答已采纳

点击加载更多