让文字在div之外

Question

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

我希望这个文本超出div popupLeft，但仅限于xx pixles。这可能吗？

也许我的解释不够好。

我的网站上有两种“模式”。如果内容应该绘制一个画廊，我在一个叫做'popupLeft'的div中有一个标题，intro-text和content-text，在'popupRight'中有一个画廊。

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

Answer 1

添加位置：relative

即。要达到10 px以上，请执行以下操作：

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

如果你想在div之外移动它，添加位置：绝对像这样

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

Answer 2

喜欢margin-top: -10px;或类似？您应该考虑阅读CSS指南，因为这是非常基本的东西。

Answer 3

Id实际上使用的位置：相对;前10名;因为这将保持对象边距下面的所有元素正确...

此处示例：）

http://jsfiddle.net/r2bp9/