html - 使文本超出 div

Question

<div id="popupLeft">
    <h1 class="popupTittel">Title goes here</h1>
</div>

我希望此文本位于 div popupLeft 之外，但仅限于 xx 个像素。这可能吗？

可能是我解释的不够好。

我的网站上有两种“模式”。如果内容应该绘制画廊，我在名为“popupLeft”的 div 中有标题、介绍文本和内容文本，在“popupRight”中有画廊。

但如果没有画廊，则应该是两个 div 中的文本，我希望标题从左 div 和右 div 一直延伸。右侧和左侧 div 并排放置。

Answer 1

添加position:relative

即。要使其高出 10 像素，请执行以下操作:

.popupTittel {
  position: relative;
  bottom: 10px;
}

如果你想把它移到 div 之外，像这样添加 position:absolute

#popupLeft {
  position: relative;
}
.popupTittel {
  position: absolute;
  bottom: 100%;
  left: 0;
}