提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

CSS - 锚点移动显示：flex 和位置：绝对

我有一个Flex元素和三个子元素。第二个孩子应该使用绝对位置与第一个孩子重叠，如下所示：预期：请注意，第二个子项应位于第一个子项的上方，而不是旁边。但是，在父级上设置display:flex似乎会将绝对元素的锚点或参考点移动到div的开头。实际结果是这样的：实际结果：将第二个子元素放在第一个或第三个元素中不是一个选项，因为它们有overflow:scroll。在父级上使用任何其他display属性

P粉252116587 2024-03-29 23:51:55

静态定位和相对定位的区别

在CSS中，静态（默认）定位和相对定位有什么区别？

P粉316423089 2023-08-22 19:33:59

子元素的定位的问题

.left{ 位置：绝对；左：0；宽度：200px；高度：600 像素；背景颜色：#f03333； } .right{ 位置：绝对；右：0；宽度：750px；高度：600 像素；背景色

张 2018-03-24 21:47:26

为什么:before和:after伪元素需要一个'content'属性？

在给定的场景中，为什么:after选择器需要一个content属性才能起作用？.test{width:20px;height:20px;background:blue;position:relative;}.test:after{width:20px;height:20px;background:red;display:block;position:absolute;top:0px;left:20

P粉653045807 2023-07-17 18:43:31

绝对位置但相对于父级

我在另一个div中有两个div，我想使用css将一个子div定位到父div的右上角，将另一个子div定位到父div的底部。即，我想对两个子div使用绝对定位，但将它们相对于父div而不是页面定位。我怎样才能做到这一点？示例html：<divid="father"><divid="son1"></div><divid=

P粉395056196 2023-10-11 12:04:14

javascript - jq怎么做局部div滚动？

<样式>.top , .bottom{高度:130px;背景:#000;} .center{高度:400px;溢出:隐藏;位置:相对;}.center .box{宽度:100%;高度:100% ;位置:绝对;}.center .box ul{overfl

phpcn_u1582 2017-05-24 11:36:08

css - div 自适应高度自动填充剩余高度

固定的盒子需要绝对定位才能实现以下效果，希望有不需要绝对定位实现以下方法的大神！求指点 {代码...}

过去多啦不再A梦 2017-05-31 10:40:40

如何使链接覆盖整个图像？

我希望链接覆盖所有图像，不仅是在中心，而且当您将鼠标悬停在图像上时。.moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}.m

P粉481815897 2024-04-02 20:45:43

javascript - ie下面定位的层次问题

我外层一个盒子，使用的是fixed的定位，内层使用一个absolute的定位，然后给内层盒子一个点击事件，在ie9下却怎么都点击不了，为什么？这是外层fixed的盒子：这是内层absolute的盒子：我想给这个内层盒子一个...

曾经蜡笔没有小新 2017-06-29 10:10:04

Yellow-svg-path动画

.arrow{宽度:45 px;高度:25 px; clip-path:多边形(0%,20%,60%,20%,60%,0%,100%,50%,60%,100%,60%,80%,0%,80%);背景:绿色;位置:绝对;:0;左:0;offset-path:路径(“M3042C30493041630423C30427.727430631.294730636C30641.730530847.423430

P粉021708275 2023-08-02 19:05:54

使下拉菜单多级化

我有一个下拉菜单，如下所示：.dropdown{display:inline-block;position:relative;}.dropdownbutton>a{display:block;color:#000000;text-decoration:none;}.dropdown-content{display:none;position:absolute;width:auto;overf

P粉107772015 2024-01-10 18:02:08

绝对定位与隐藏溢出

我们有两个DIV，一个嵌套在另一个里面。如果外部DIV没有设置为绝对定位，那么绝对定位的内部DIV将不会遵循外部DIV的溢出隐藏。#first{width:200px;height:200px;background-color:green;overflow:hidden;}#second{width:50px;height:50px;background-color:red;position:ab

P粉451614834 2023-08-21 19:30:21

使用 Flexbox 将元素左对齐和居中对齐

我正在使用Flexbox来对齐我的子元素。我想做的是将一个元素居中，并使另一个元素靠左对齐。通常我会使用margin-right:auto设置左侧元素。问题在于将中心元素推离中心。如果不使用绝对定位，这可能吗？HTML和CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23

什么是DNS服务器？

DNS（Domain Name Server，域名服务器）是进行域名(domain name)和与之相对应的IP地址 (IP address)转换的服务器。DNS中保存了一张域名(domain name)和与之相对应的IP地址 (IP address)的表，以解析消息的域名。域名是Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。域名是由一

Crazy 2021-10-19 11:42:15

javascript - 请问如何让vue.js中的mouseOut事件冒泡。

我给a盒子的父盒子b添加了mouseout事件，当鼠标进入a盒子时总会触发该事件（a盒子的绝对定位，不知是否有影响），而我希望鼠标进入a盒子时不触发该事件，求大神指点应如何解决~~

大家讲道理 2017-07-05 10:55:24

解决HTML定位困难

如何将“关于我”和“教育”部分移至网络右侧这里是pencode链接：https://codepen.io/Weng-Hong-the-selector/pen/GRGjVLy这是我的HTML和CSS`<!DOCTYPEhtml><body><divclass="resume"><divclass="resume_left&qu

P粉476883986 2024-04-02 19:09:26

使用 CSS 剪辑路径时如何圆角

我希望能够将我创建的形状的最左边的3个角倒圆，知道如何做到这一点吗？div{position:absolute;z-index:1;width:423px;height:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon(100%0%,100%50%,100%100%

P粉921130067 2023-08-24 15:40:15

背景与透明文本被剪掉

有没有办法用CSS制作出如下图所示的从背景中切出透明文本效果？由于图像取代了文本而失去了所有宝贵的SEO，这将是令人遗憾的。我首先想到了阴影，但我想不出任何东西......该图片为网站背景，绝对定位的<img>标签

P粉439804514 2024-03-25 16:47:36

javascript - 使用了vue下拉组件的话，是不是 template下的div不能使用定位

是不是一旦使用了定位，然后下拉组件就有bug {代码...}

某草草 2017-05-19 10:29:31

点击堆叠组件上的事件

我有两个相互堆叠的反应箭头函数组件（使用绝对定位），并且它们都有onClick属性。问题是，我想单击顶部的那个，并且两个onClick函数都会触发。有办法解决这个问题吗？这是代码的简化版本：constCard=({...})=>{conststyles={optionsButton:{minWidth:0,minHeight:0,padding:"2px",positio

P粉882357979 2024-03-29 17:29:41