防止伪元素更改父容器的宽度/滚动宽度？
防止伪元素更改父容器的宽度/滚动宽度可以通过以下方法实现：
- 使用CSS属性
pointer-events: none;：将伪元素的鼠标事件禁用，这样伪元素就无法触发鼠标事件，也无法改变父容器的宽度或滚动宽度。但是需要注意的是，这个方法只适用于不需要伪元素触发鼠标事件的情况。 - 使用CSS属性
overflow: hidden;：将父容器的溢出部分隐藏起来，这样无论伪元素如何改变宽度或滚动宽度，都不会影响到父容器的显示效果。但是需要注意的是，这个方法只适用于父容器的宽度或滚动宽度不需要显示的情况。 - 使用CSS属性
position: relative;：将父容器设置为相对定位，然后将伪元素设置为绝对定位，并使用left或right属性将伪元素定位到父容器的边缘。这样无论伪元素如何改变宽度或滚动宽度，都不会影响到父容器的宽度或滚动宽度。但是需要注意的是，这个方法只适用于伪元素的宽度或滚动宽度不需要显示的情况。
以上是防止伪元素更改父容器的宽度/滚动宽度的几种方法，具体使用哪种方法取决于实际需求和情况。
相关·内容
我试着把一个绿色区域，一个伪元素，放在蓝色元素的右边，蓝色元素是伪元素的父元素，这样绿色元素就不会增加红色滚动区域，容器的宽度。我的实际用例有点复杂，但它依赖于使用一个伪元素，所以下面的例子很好地解决了这个问题。我包含了两个蓝色区域和两个绿色区域，只是为了表明如果蓝色
浏览 6提问于2017-12-14得票数 1
回答已采纳
HTML很简单:一个‘容器’可滚动元素，它有一个‘父’子元素，而其子元素又有'bar‘和'content’子元素。“content”元素的宽度是动态的，但在本例中设置为“容器的宽度+100 is”。当您向右滚动时，红色条形图的宽度受到“父”元素</
浏览 4提问于2014-11-28得票数 0
回答已采纳
下面是我所拥有的(从外部到内部)：
在每个列表项目中都有一个图标和一个水平并排的标签。我希望列表项具有足够的宽度，就像它们需要容器它们的柔性子元素一样，因为根父项是可滚动<
浏览 3提问于2018-12-22得票数 1
回答已采纳
在某些情况下，我试图为具有滚动条的元素的后代添加计算出的宽度，但似乎无法使以下内容工作。伪元素可以这样使用吗？如果不是，为什么不呢？身体：：-webkit-滚动条没有相同的后代身体和那里的工作？下面是我想要工作的代码。只在主体或父div有伪元素：：-webkit-滚动条的情况下才添加宽
浏览 1提问于2015-10-22得票数 1
回答已采纳
1回答
我有以下标记(请参阅我的)： <div class="step-container">步骤(气泡)的数量可能会有所不同。我想要做的是，如果气泡的数量超过容器的宽度，我希望气泡容器可以水平滚动。目前，内容只是包装。然而
浏览 1提问于2016-02-02得票数 2
回答已采纳
1回答
我有一个父Div容器，里面有5个Div。父div的宽度为960px，高度为320px。内部元素向左浮动，并具有设置的宽度。在960宽的父div中没有足够的宽度/空间容纳5个项目，所以它自然会使最后一个div浮动到底部。
有没有办法让它向右滑动，并添加一个滚动条来水平滚动？
浏览 0提问于2016-07-29得票数 0
1回答
我有一个Facebook的新闻馈送显示在一个无限的水平滚动容器，它应该只滚动之间的新闻元素，并防止默认的连续滚动行为。
手动输入的代码已经集中(不完全)在特定的新闻上，例如。focusedNews =1 ->第一个新闻容器被聚焦。因为我知道每个容器的宽度都是500px，并且我设置了父<
浏览 11提问于2017-07-28得票数 3
当我向其他div添加溢出:auto元素时，框中的指示箭头就会消失。</div>Livecart显示在悬停事件上&如果它的高度超过了最大高度元素，滚动条应该出现在图片中，这是必要的。但这反过来又会使箭头从屏幕上消失。知道为什么会这样吗？对于这个特殊的问题有什么改变吗？您可以尝试从'#livecart‘中移除溢出:auto&看到箭头会出现。
浏览 3提问于2014-05-20得票数 2
回答已采纳
如何使用10 of 来增加红色容器的宽度？; background:red"></div>在上面的片段中，蓝色容器
浏览 5提问于2015-12-29得票数 0
回答已采纳
我正在寻找一个解决方案，以获得子元素的100%宽度的父元素。width: 100%只会将其设置为容器的初始化状态宽度</e
浏览 0提问于2015-11-17得票数 6
回答已采纳
我有一个1280px宽的父容器，并将overflow设置为auto。该元素的子元素是一个包含14列的表，我希望每一列都适合设置为nowrap的空白内容。这将拉伸表，使其比父容器的宽度更宽，并显示滚动条。但我希望有一列的宽度固定为400px，并将空格设置为normal，以便文本内容在宽度超过400px时自动换行。
浏览 42提问于2019-03-01得票数 0
回答已采纳
2回答
自定义CSS媒体查询条件
、、、
为了响应式设计，我想根据父元素的宽度来更改元素的一些CSS属性。父元素的最小宽度为200px，无论屏幕大小/宽度如何，最大宽度均为500px。我想根据其父容器的宽度为其子元素设置固定的宽度。
我正在寻找这个没有Javascript
浏览 0提问于2016-11-16得票数 0
当我在一个overflow-y: scroll上使用div时，它的子div的::after元素会显示在某个元素下面。当我不使用overflow-y: scroll时，除了滚动条不再显示之外，一切看起来都很完美。<div class="server-circle"></div>
<div class="server-circle"
浏览 2提问于2019-09-22得票数 1
回答已采纳
我在一个可滚动的容器里弹出了一个。当打开容器时，我希望弹出窗口在容器外部溢出，但希望容器上的其余子元素保持可滚动。将position: absolute添加到弹出窗口将解决问题，但如果用户滚动，弹出窗口将保持在原来的位置，所以我不能这样做。在附加的代码段中，当您单击“打开”按钮时，红色的弹出应该会流出父容器(因为它的</
浏览 3提问于2021-06-09得票数 1
回答已采纳
我想使用getBoundingClientRect()计算元素的实际大小。如果元素位于具有给定大小和overflow:scroll的容器中，则该方法的结果有所不同。怎样才能始终得到元素的总大小，无论是否在溢出:滚动上下文中？
浏览 3提问于2013-12-18得票数 2
回答已采纳
2回答
JTextArea的大小
、、、
现在，我创建了如下所示：这给了我一个文本区域，大约是40列的5行。垂直地，这个区域填充父容器的整个高度--可能是因为父元素是位于该行中的唯一元素。
水平的父宽度由下面的元素决定，它(通常)比JTextArea宽。因此，我最后得到一个文本区域，两边都有很大的边距。更糟糕的是，当我
浏览 3提问于2016-04-22得票数 5
回答已采纳
1回答
我似乎不能保持我的(动态宽度)表与前一个元素在同一行上，并且让它扩展到它的父容器而不超过它并溢出。我不想要水平滚动条，因为表格应该只是将行和/或单词拆分以使其更窄。然而，它并没有这样做。在小提琴中，表溢出并超出其父容器的宽度。父容器使用white-space: nowrap将其与其旁边的内容保持在同一行上。
为什么它的宽度</e
浏览 0提问于2013-08-10得票数 0
在左边我有固定宽度的容器。在右边我有一个灵活的不可滚动的容器，宽度为100%。这个灵活的容器包含另一个100%宽度的容器，一旦它被x轴溢出，就应该是可滚动的。在我的例子中，这个可滚动的子容器增加了父容器的
浏览 18提问于2017-03-13得票数 0
回答已采纳
1回答
您好，我有一个问题，一个垂直滚动不显示在一个容器与overflow:auto。问题是，容器的高度与内容的高度完全相同，但内容的宽度更大，因此出现了水平滚动，这一事实应该强制垂直滚动也出现，但事实并非如此。有什么想法吗？ 这里是codepen，因为一个例子比文字更好。
浏览 58提问于2021-07-07得票数 1
要澄清标题： 我有一个div，它有一个具有未知固定宽度的子元素(我为移动友好用户使用了bootstrap )，我希望这些子元素放在一个容器中，我可以在容器中水平滚动。找到了类似的东西：http://jsfiddle.net/kh5k7/1/ 唯一的问题是，父对象有一个指定的宽度(320px)，而我的宽度可能会改变。
浏览 0提问于2015-08-31得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
