CSS溢出隐藏在绝对位置

在CSS中，溢出隐藏在绝对位置是通过设置overflow属性来实现的。当一个元素的子元素在绝对定位时，溢出的内容将被隐藏。

以下是一个简单的例子：

<!DOCTYPE html>
<html>
<head><style>
.container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid black;
  overflow: hidden;
}

.box {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 100px;
  height: 100px;
  background-color: red;
}
</style>
</head>
<body>

<div class="container">
  <div class="box"></div>
</div>

</body>
</html>

在这个例子中，.container元素的overflow属性被设置为hidden，这意味着任何超出.container元素边界的内容都将被隐藏。.box元素使用绝对定位，并且其位置超出了.container元素的边界，因此它的一部分被隐藏了。

总结一下，溢出隐藏在绝对位置是通过设置overflow属性来实现的，可以隐藏超出父元素边界的子元素。

如何将图像设置固定在绝对重叠屏幕上，并在右侧创建空间？

、、、

我有一个图像，应该是半隐藏在媒体查询手机屏幕上。它被设置为位置:绝对和左: 50%，所以一半边隐藏在屏幕中，但是当我这样做时，它在右边创建一个空间，造成溢出，这对外观不好。能修好吗？或者是身体的溢出已经被禁用了？黑色的是屏幕，紫色的是新的宽度，红色的是图像。提前谢谢。

浏览 3提问于2022-03-29得票数 0

2回答

如何设计在引导旋转木马中溢出隐藏div中的绝对子div

、、、

我试图把一个徽章(位置绝对)在一个家长的div在一个引导旋转木马。由于隐藏在..carousel内部类引导程序中的溢出，徽章的顶部隐藏。如果我试图删除溢出海登，它工作，但我需要溢出隐藏以及。

浏览 11提问于2016-06-19得票数 1

回答已采纳

1回答

防止绝对位置的div展开屏幕

、、

我有一个绝对位置的div在滚动上移动。我把溢出:隐藏在我的屏幕上，一切正常，除非我切换到响应模式，宽度无限期地增加时，我滚动根据位移的div。如何防止这种行为？关于我尝试过的信息:最大宽度，在父服务器上的相对位置，溢出和所有不工作的信息。Par示例HTML： <div class="box"></div>CSS height: 100

浏览 2提问于2022-11-21得票数 0

1回答

溢出隐藏不适用于网格中的绝对定位元素

、、、

我在css网格中隐藏一个绝对定位的图像有困难。div v-for="item in 12" class="hiding-parent"> </div>在这里，相对父级是cssCSS: position: relative; h

浏览 4提问于2020-12-17得票数 0

1回答

溢出内可见的绝对位置元素:隐藏元素

我需要在有溢出隐藏的div中绝对定位元素，但是这些具有位置绝对值的元素在有溢出隐藏的div边界之外是可见的，我需要它们完全不可见。这是每个图像的CSS .iPhoneWrapper div{<em

浏览 2提问于2014-07-11得票数 0

回答已采纳

4回答

CSS溢出隐藏绝对位置

、

我在菜单中使用这个CSS： width: 500px; overflow: hidden; /* problem */问题是上面的css也隐藏了

浏览 0提问于2015-05-12得票数 6

回答已采纳

1回答

溢出-x:隐藏不起作用，相反，当滚动时在右边添加填充。

、、、

我使用的位置:固定的模态框(位置:固定的外部容器，显示黑暗的背景和位置:绝对的模式框)，如下面的css中提到的。我添加了溢出-y：：隐藏在模式框中，但是当滚动开始时，即当内容溢出时，右下角会出现额外的填充(如下面的gif所示)。我想避开这个垫子。我该怎么做？background:'#ccc',padding:"20px",

浏览 5提问于2017-11-29得票数 0

回答已采纳

7回答

将一个子容器拖出溢出的容器-y:滚动

、、、、

我有一个容器，里面有一个清单。可以用鼠标拖动列表项。overflow-y: scroll;当我将列表项拖出容器的左侧或顶部边缘时，它将被裁剪到容器的边缘。如果我把它从右边或底部边缘拖拽出来，容器就会滚动以容纳它。我希望这个项目能够被拖动到容器之外，而不需要被裁剪，也不需要触发滚动。既然容器必须设置为overflow-y: scroll，

浏览 6提问于2015-02-02得票数 10

2回答

如何按指定的方式布局div？

、

我试图实现它，但我的知识，CSS是不够的，布局必须尽快完成。我试着玩CSS属性，如浮点、溢出、位置:绝对、相对等等，但结果令人失望-- divs溢出，位置不正确等等。

浏览 3提问于2013-12-15得票数 0

回答已采纳

1回答

使文字完全填满容器，并将中间字母夹在边上。

、、、

我要做这样的事情：其中，背景框是一个全屏宽的图像，文本在不扩展其容器的情况下完全填充和溢出图像的所有侧面。(也就是说，图像和文本都应该是100%宽的。)

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

回答已采纳

2回答

溢出隐藏在Android上不起作用

、、

这是DD的CSS。

浏览 0提问于2014-02-06得票数 9

回答已采纳

1回答

溢出:隐藏在DOM元素后面的文本

、

我试图使用溢出:隐藏样式将文本隐藏在图标后面(封装在一个span中)，但是我无法让代码显示我想要的结果。href="#"> </a> </li> CSStext-overflow: ellipsis; white-spa

浏览 2提问于2014-02-17得票数 3

回答已采纳

1回答

如果设置了具有绝对位置的子元素，为什么溢出隐藏会被忽略？

、

如果实现了以下操作，则忽略隐藏溢出： <div class="overflowed">(Overflowing the wrapper)</div> &l

浏览 2提问于2017-10-31得票数 1

回答已采纳

1回答

CSS浮动、溢出和绝对位置

、

我有一个左侧浮动的侧边栏与一个下拉菜单，这是绝对的位置，并延伸到主要内容。一些内容还包含一个绝对定位的下拉列表，其内容超出了父级的边界。<body> <div id="sidebar_dropdown"> some con

浏览 0提问于2013-02-21得票数 0

回答已采纳

1回答

CSS位置绝对/溢出:滚动问题

、

<div class="page" id="second"> <div class="page" id="third"></div> 和下面的CSS

浏览 0提问于2011-08-01得票数 4

回答已采纳

1回答

绝对除法隐藏在溢流div后面

、、

我有一些关于CSS的问题。您可以检查以下链接：这个盒子藏在溢出的猫头鹰-旋转木马滑块下面。这个div是绝对的。应该是这样的：我尝试了一些建议，但没有奏效。我们很感激你的帮助。

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

回答已采纳

1回答

绝对定位元素的溢出属性

、

如何为绝对定位的元素设置溢出:隐藏属性。我知道设置绝对位置会使元素不在文档流中。这是我的密码。很长时间以来，我一直试图为img元素设置溢出:隐藏。请帮帮我。<html><link rel="stylesheet" type="text/css" href="Style.css"><body> <

浏览 4提问于2013-10-22得票数 0

1回答

复选框黑客-通过位置隐藏复选框是否有缺点:绝对？

这是复选框hack：position: absolute;left: -9999px仅由position: absolute将其隐藏在视图中就更安全了。” 哪个浏览器？使用绝对位置将元素放到页面之外有什么缺点吗？具体来说，使用绝对位置将输入放到页面之外有什么缺点吗？

浏览 0提问于2018-10-28得票数 4

3回答

隐藏溢出的css绝对位置动画

、、

sky.removeChild(cln)} setInterval(createShootingStar, 1000) 问题是，有时，我的流星在溢出中开始或结束

浏览 20提问于2020-10-25得票数 3

回答已采纳

2回答

css位置:绝对，底部:0，父溢出:auto

、、、

我想要.content底部的文本显示，所以我在.content上使用位置:绝对，底部:0；。但我希望它显示滚动条，如果.content增长高于.words。因此，我在.words上添加了溢出:auto。如何使输入显示从底部，并将滚动条时溢出？CSS: position: fixed; width:260px; border:1px s

浏览 3提问于2014-04-30得票数 4

点击加载更多