<div>样式问题</div>

Question

我试图让这个div具有与我下面的textarea相同的样式属性，高度/宽度和垂直滚动：我想我必须将它添加到css，但不知道如何实现。谢谢你的帮助

的CSS：

/* Hot Parts...mimics a textarea */
div.tarea {

background-color: #DDDDD0;
margin: 0px;
font: small courier;
width: 100%;
height: 100px; 

}

HTML：

<div class="tarea"  name="mcRemarkOld" ><c:forEach var="mcbean" items="${form.mcRemarks}">--- ${mcbean.auditable.createdBy.firstName} ${mcbean.auditable.createdBy.lastName}, <fmt:formatDate value="${mcbean.auditable.createdDate}" pattern="${date_time_pattern}" />

        <br><br>${mcbean.remark} ---    <a href="show.view_hotparts_guidelines?id=${mcbean.id}">EDIT!!!!!!</a> 
        <br>
        <br>
        </c:forEach></div><br/>
        </c:if>
            <rbac:check field="<%=Field.HOT_PARTS_SOR_REMARKS%>" display="none">
            <TEXTAREA tabindex="20" name="mcRemark" rows="7" cols="100" scrolling="auto" <c:if test="${not empty lock && !lock.locked && action != 'add'}">disabled="disabled"</c:if>>${form.mcRemark}</TEXTAREA>
            </rbac:check>
        </td>

Answer 1

如果要向其添加垂直滚动，请添加行

overflow-y:auto;

到您的CSS。

Answer 2

除了Jim的回答之外，我认为一个好主意是创建一个CSS类来应用于文本区域和div。让类具有您希望它们共享的所有属性并将其应用于文本框和div。这将使您获得类似的字体，背景，文本大小，滚动等，而无需多个css定义（当您在项目生命周期稍后修改它们时，它们将更容易保持同步）。

.uniformTextDiv {
    width:       800px;
    font-family: verdana;
    font-size:   14px;
    background:  #ffffff;
    overflow-y:  auto;
    /* etc */
}

然后将它应用到textarea和你的div，每个都有class =“uniformTextDiv”。