Wie man Prozentsätze Pixel Mix

April 29

Pixel und Prozentsätze sind beide Maßeinheiten für Webseiten verwendet. Pixel gelten feste Dimensionen zu einer Seite, während Prozentsätze flexibel Dimensionen anwenden, die mit der Größe des übergeordneten Containers ändern. Durch das Mischen von Pixeln und Prozentangaben können Sie feste und flexible Breite im gleichen übergeordneten Container anzeigen. Leider Webbrowser nicht anzeigen Abmessungen genauso und sie runden die Messungen nach oben oder unten. Abschnitte, die größer als der übergeordnete Container sind werden in einer weiteren Zeile verschoben.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie in einem Texteditor wie Notepad, TextPad oder EditPad ändern möchten.

2 Fügen Sie folgenden code innerhalb des HEAD-Tags am oberen Rand Ihrer HTML-Datei:

< Typ style = "Text/Css" ><!---->< / style >

3 Fügen Sie den folgenden Code zwischen "<!--" und "-->" im Stil-Tags für den Containerverkehr in Pixel festgelegt, aber "950" durch die Seitenbreite, die Sie verwenden möchten ersetzen:

Container {Breite: 950px;}

4 Fügen Sie den folgenden Code unterhalb des vorherigen Codes verwenden eine Mischung aus Pixel und Prozentsätze, aber jeweils mit Ihrem bevorzugten Messungen zu ersetzen. Die erste Spalte nimmt 200 Pixel, während die zweiten und dritten Spalten nehmen um 25 Prozent ein Stück:

column1 {Float: Left;Width: 200px;}

Column2 {Float: Left;Breite: 25 %;}

Column3 {Float: Left;Breite: 25 %;}

5 Blättern Sie unten öffnenden BODY-Tag und fügen Sie den folgenden Code, um die Dimensionen für Ihre Seite übernehmen:

< Div Id = "Container" >< Div Id = "Spalte1" > Spalte hinzufügen, die den Inhalt hier < / Div >< Div Id = "Spalte2" > Spalte hinzufügen zwei Inhalt hier < / Div >< Div Id = "column3" > Spalte hinzufügen, die drei hier Inhalt < / Div >< / Div >