为什么表格宽度：100％不起作用？

Question

我需要我的表格宽度为100％，但不知何故，li的宽度为100％，表格忽略了我的宽度。我怎样才能解决这个问题？我查看了关于这个问题的不同帖子，到处解决方案就像＆＃34;将宽度设置为100％＆＃34;，这显然无法解决我的问题..

更多信息：我需要nowrap。因为这是一个滑块。

＆＃13;

＆＃13;

table{
	width:100%;
	padding:20px;
	background:linear-gradient(rgb(230,57,18),rgb(170,32,11));	
}
ul.table-wrap{
	overflow:hidden;
    list-style:none;
    white-space:nowrap;
    width:100%;
}
ul.table-wrap li.table-item{
	display:inline-block;
	width:100%;
}
table tr td{
	color:white;	
	vertical-align:middle;
	padding: 20px 0 20px 0;
}
table tr td:nth-child(even){
	padding-right:30px;
	width:35%;
}
table tr td:nth-child(odd){
	width:15%;
}
table tr td:nth-child(2){
	border-right:1px solid white;	
	padding-right:10px;
}
table tr td:nth-child(3){	
	padding-left:10px;
}

＆＃13;

<ul class="table-wrap">
<li class="table-item">
<table>
	<tr>
    	<td>Kaufangebot: <td>Pflegeapartments nach dem Wohnungseigentumsgesetz(WEG)</td></td><td>Mietvertrag:<td>20-Jahres-Mietvertrag und 2 x 5 Jahre Verlängerungsoption</td></td>
    </tr>
</table>
</li>
<li class="table-item">
<table>
	<tr>
    	<td>Lage: <td>Karpfenstraße 11, 81825 München Einwohnerzahl: in Trudering ca. 66.000, in München ca. 1,4 Mio.</td></td><td>Mietbeginn:<td>April 2012 bzw. Juli 2014</td></td>
    </tr>
</table>
</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

因为填充也很重要。现在你的表是100％（宽度）+ 2x20px（填充）

Answer 2

这是因为您的table包含在ul li代码中

您必须调整ul li的边距才能达到表格的100％宽度。

**修正了您的td代码

table{
	width:100%;
	padding:20px;
	background:linear-gradient(rgb(230,57,18),rgb(170,32,11));	
}
ul.table-wrap{
	width:100%;
    list-style:none;
    white-space:nowrap;
}

}
ul.table-wrap li.table-item{
	float:left;	
	width:100%;
}
table tr td{
	color:white;	
	vertical-align:middle;
	padding: 20px 0 20px 0;
}
table tr td:nth-child(even){
	padding-right:30px;
	width:35%;
}
table tr td:nth-child(odd){
	width:15%;
}
table tr td:nth-child(2){
	border-right:1px solid white;	
	padding-right:10px;
}
table tr td:nth-child(3){	
	padding-left:10px;
}
table table tr:last-child td{
	padding-bottom:0;
	border-bottom:0;
}

<ul class="table-wrap">
<li class="table-item">
<table>
	<tr>
        <td>Kaufangebot: </td>
        <td>Pflegeapartments nach dem Wohnungseigentumsgesetz(WEG)</td>
        <td>Mietvertrag:</td>
        <td>20-Jahres-Mietvertrag und 2 x 5 Jahre Verlängerungsoption</td>
    </tr>
</table>
</li>
<li class="table-item">
<table>
	<tr>
        <td>Lage: </td>
        <td>Karpfenstraße 11, 81825 München Einwohnerzahl: in Trudering ca. 66.000, in München ca. 1,4 Mio.</td>
        <td>Mietbeginn:</td><td>April 2012 bzw. Juli 2014</td>
    </tr>
</table>
</li>
</ul>