WPF樣佈局HTML5/CSS3

Question

我怎樣才能達到相當於：

<Grid> 
<Grid.RowDefinitions> 
    <RowDefinition Height="300"> 
    <RowDefinition Height="*"> 
    <RowDefinition Height="100"> 

磨片隨高度的行*罷了，頂部和底部行後的剩餘屏幕空間已經採取了400像素？

感謝

Answer 1

您可以通過使用DIV（S）

​​

和CSS實現這一點：

.upperSection 
{ 
    position:absolute; 
    top:0; 
    left:0; 
    height:300px; 
    width:100%; 
} 

.content 
{ 
    position:absolute; 
    top:300px; 
    left:0; 
    height:100%; 
    width:100%; 
} 

.lowerSection 
{ 
    position:absolute; 
bottom:0; 
left:0; 
height:100px; 
width:100%; 

} 

Answer 2

這應該可以解決這個問題：

.upperSection 
{  
    top:0; 
    left:0; 
    height:300px; 
    width:100%; 

} 

.content 
{ 
    position:absolute; 
    left:0; 
    top:300px; 
    bottom:100px; 
    width:100%; 



} 

.lowerSection 
{ 
position:absolute; 
bottom:0; 
left:0; 
height:100px; 
width:100%; 


} 

乾杯。