我可以使用什么 CSS 代码来设置我想要的样式？答案

【问题标题】：What CSS code can I use to style this how I want?我可以使用什么 CSS 代码来设置我想要的样式？
【发布时间】：2018-02-11 13:03:49
【问题描述】：

Quick Image #2

如何将这个文本框向上移动并将信息放在 CSS 中的圆圈区域？我更像是开发人员而不是设计师，所以我需要帮助。文本区域应该完全相同。谢谢！

编辑：至于表格的其余部分，我希望它在屏幕的后半部分居中。希望我澄清了。

【问题讨论】：

你能给我们一个你想要做什么的初始代码，以及你遇到的问题吗？
#mymaindiv textarea { padding-left: 3px; } #a-div-inside-the-other-one { margin-left: 60px; } #mymaindiv form input[name="argument"] { font-size: 50px; padding: 3px; } #mymaindiv textarea { width: 49%; resize: none; overflow: auto; }
文本区域在两个 div 中
我只希望文本区域占据页面的一半，而表单的其余部分占据另一半，如果这有意义的话。

标签： javascript html css

【解决方案1】：

试试这个；

<div style="float:left;width:200px;height:200px">
    <textarea style="width:100%;height:100%"></textarea>
</div>
<div style="float:left;width:200px;height:200px">
    <div>
        <input type="text">
    </div>
    <div>
        Circled Area
    </div>
</div>

【讨论】：

【解决方案2】：

为此使用 div float:left 属性

演示：

div.main{
float:left;
}
.txt{
  height:600px;
  width:300px;
}

<div class="main">
  <input type="textarea" class="txt">
</div>
<div class="main">
  <div>
  <input type="text" class="txt2"></div>
  
  <div>
  <input type="text" class="txt2"></div>
</div>

其他方法

你可以使用<br>标签演示

div.main{
float:left;
}
.txt{
  height:600px;
  width:300px;
}

<div class="main">
  <input type="textarea" class="txt">
</div>
<div class="main">
  
  <input type="text" class="txt2">
  <br>
  <input type="text" class="txt2">
  <br>
  <input type="text" class="txt2">
</div>

【讨论】：

当我这样做时，我想要在文本区域旁边的内容最终会在它下方。
两个元素的总宽度应低于 100%

【解决方案3】：

将文本区域向左浮动，并在圈出的内容周围放置一个 div 并使其向右浮动。文本框会在中间升到顶部。

【讨论】：

我想要文本区域旁边的其余信息，但这会使它移到右侧。我希望文本区域占据屏幕的一半，而表单位于另一半。如果你愿意，可能会在屏幕的另一半居中。
@Hal Noyes - 请在你的回答中多加努力，here's how to write a good one