Textarea在不同分辨率下的位置

时间:2014-02-08 09:16:10

标签: html css textarea

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

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

以下是代码:jsfiddle。我不确定,但有人可以帮忙吗? 干杯!

1 个答案:

答案 0 :(得分:0)

好的,我试图破解解决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/