Question

我有一个表格，后跟一个带有文本框的表格。当用户提交数据时，该表将动态更新。这里的问题是我的表与行的增加重叠或重新定位其他元素。如何防止这种情况？

我的表和表格在同一个div中。

div的CSS：

.tabset_content {
    border: 2px solid #5ba63c;
    background-color: #F8F8F8;
    position: relative;
    z-index: 1;
    padding: 1em 1em;
    display: none;

}

Answer 1

如果标记定义为

，则嗨

<form class="group">
 ...
</form>

 <table class="group">
 </table>

 <div id="aftertable" class="group">
 </div>

您可以尝试为每个组添加一个组类，CSS规则将类似于

.group:after{
 content: '';
 clear:both;
 display:table;
}

Answer 2

您可以在每个附加元素后尝试clear:both;。

请说当用户添加的评论在父div中作为div显示时，您可以写一些类似

的内容

<div style="clear:both;">User Comment</div> // YOUR APPENDED DIV

如何防止元素在html中重叠

2 个答案: