Question

在我的html中，我在元素中创建一个工具提示，该元素在元素之外不应该是不可见的。它的父级具有overflow: hidden属性，我想为这一个工具提示元素忽略它。这可能吗？

HTML示例

<div class="element">
 <p>
  This element is not allowed to overflow
 </p>
 <p class="exception">
   Exceptional overflowing element
 </p>
 <p>
   This element is not allowed to overflow
 </p>
</div>

CSS示例

div {
    width: 250px;
    height: 200px;
    background: aqua;
    margin: 10px;
    padding: 20px;
}

p {
    background: rgba(255, 255, 0, 0.5);    
}

.hide-content {
    overflow: hidden;
}

.exceptional {
// Is there a property to except this element from being invisible?
}

https://jsfiddle.net/zk7qxkjt/2/

Answer 1

我所能看到的就是做一些棘手的事情：

.exception {
  position: absolute;
  width: 100px;
}

但我认为做这样的事情不是好习惯，也许你应该重新思考你的HTML结构？

是否有可能除了溢出的元素：隐藏＆＃39;属性？

1 个答案: