Child Div离开家长Div

Question

有人知道为什么我的孩子div班级退出其父级课程吗？我不知道它怎么了！

链接到小提琴和代码！

感谢您的帮助！

https://jsfiddle.net/cqynlsqu/

Ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo oooooooooo ooooooo ooooo

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

<div style="border: 1px #000 solid; width: 100%;">
	<div style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
		0
	</div>
	<div style="width: 100%; margin: 5px;">
		text text text text text text text text text text text text text text text text text text 
	</div>
	<div class="table" style="width: 100%; margin-right: 5px; margin-left: 5px; border: 1px #000 solid;">
		<div class="row">
			<div class="cell" style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
				0
			</div>		
			<div class="cell" style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
				0
			</div>
			<div class="cell" style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
				0
			</div>
			<div class="cell" style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
				0
			</div>
			<div class="cell" style="background-color: #012055; background-image: url(../images/tableTitle.png); height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;">
				0
			</div>
		</div>
		
		<div class="row">
			<div class="cell">
				0
			</div>
			<div class="cell">
				0
			</div>
			<div class="cell">
				0
			</div>
			<div class="cell">
				<b>0</b>
			</div>
			<div class="cell">
				<a href="0">0</a>
			</div>
		</div>
		
	</div>	
</div>

Answer 1

更改此行：

<div class="table" style="width: 100%; margin-right: 5px; margin-left: 5px; border: 1px #000 solid;">

：

<div class="table" style="width: 100%; margin-right: 5px; border: 1px #000 solid;">

margin-left将内容推出。