Wie mache ich 6 elastische Bereiche (1 Kopfzeile, 5 Bereiche) mit Standardbreite und -höhe mit Angular UI.Layout?

Question

Laut Angular UI.Layout's guideline (contributing.md), bitte ich um Entschuldigung für meine neue Frage und mein schlechtes Englisch.

Ich möchte 6 elastische Scheiben so machen.

Aber ich fand an issue die Angular UI.Layout nicht eine Anfangshöhe auf einen Kopfsatz nicht unterstützt. Also wenn das Problem immer noch besteht, möchte ich mindestens 5 elastische Scheiben ohne Kopfzeile machen (ich plane, die Kopfzeile nach außerhalb ui-layout Direktiven zu verschieben).

Wie mache ich diese Scheiben?

Answer 1

Es ist nur ein Vorschlag machen alle ohne Winkel-ui

diesem plunkr Siehe http://plnkr.co/edit/NSJ9vQZZltLmZRONc2ds?p=preview

<div style="background:red; position:absolute; top:0; height:25px;width:100%;"></div> 
<div style="background:blue; position:absolute; bottom:0; top:25px; width:10%;"></div> 
<div style="position:absolute; left:10%; bottom:0; top:25px; width:100%;"> 
     <div style="background:green;float:right; width:50%;height:50%"></div> 
     <div style="background:yellow;float:left; width:50%;height:50%"></div> 
     <div style="background:purple;float:right; width:50%;height:50%"></div> 
     <div style="background:gray;float:left; width:50%;height:50%"></div> 
    </div>