Textarea在不同分辨率下的位置

Question

我有实习的作业，我必须从图片中复制一个网页。这是他们的照片，旁边是我到目前为止所得到的：image+image

当分辨率较高时，我不知道如何将textarea放在文本附近。在1024x768（这是最小强加）它看起来不错，但是当我最大化窗口时，会发生这种情况。 ：/

以下是代码：jsfiddle。我不确定，但有人可以帮忙吗？ 干杯！

Answer 1

好的，我试图破解解决hackish。

由于：

• <textarea>内有<p>。
• 我把它们拿出来放了一个div。
• textarea在样式表中有float: right个内联和float: left。由于specificity，内联赢了。
• 浮动不会给父容器一个高度（没有“clearfix”）所以我拿了
  display: inline-block。

我尝试用以下方法解决它：

p.label {
display: inline-block;
vertical-align: top;
position: relative;
top: -10px;
}

.intro {
width:82%;
display: inline-block;
background-color:#fff;
text-align: right;
margin-right: 0.5em;
}

所有这一切，我仍然有12“笔记本屏幕，不知道是否有效，如果你喜欢它。请给我一个镜头，如果有的话没有用。

JSFIDDLE：http://jsfiddle.net/jQmM4/1/