2012-04-27 258 views
0

我已經應用於表格CSS寬度和最小寬度

width: auto; 
min-width: 98.5%; 

以下樣式,當我在鉻瀏覽器看其是內部一個div似乎具有內含div的僅約50%的寬度的表。在IE9中,表格佔據了整個寬度。在Chrome中,當我看到使用F12應用的樣式時,這兩種樣式均已應用且未跨過。

.containing > table { 
position: relative; 
left: 0; 
margin-right: 0; 
top: 0; 
border: 1px solid #DDD; 
width: auto; 
min-width: 98.5%; 
margin-bottom: 1em; 
-webkit-border-bottom-right-radius: 8px; 
-webkit-border-bottom-left-radius: 8px; 
-moz-border-radius-bottomright: 8px; 
-moz-border-radius-bottomleft: 8px; 
border-bottom-right-radius: 8px; 
border-bottom-left-radius: 8px; 
} 

HTML:

<div class="containing"> 
<table> 

</table> 
</div> 
+1

可能重複:[http://stackoverflow.com/q/7084990/419956](http://stackoverflow.com/q/7084990/419956) – Jeroen 2012-04-27 10:12:26

+0

順便說一句,如果你的示例更「簡單」,它會有所幫助。例如,邊界半徑規則與問題無關。這使得其他人更容易幫助你。 – Jeroen 2012-04-27 10:13:37

回答

1

嘿,我應該定義邊界半徑在你的表,如果你想邊境

沒有定義,我認爲你在你的DIV的定義邊界和邊界半徑像這樣

檢查前ex。 http://jsfiddle.net/RfWWh/

,並根據您的設計調整..