In de ontwerpen van de webpagina's zijn vloeibare-breedte-indelingen--ook bekend als vloeistof breedte indelingen--waar ontwikkelaars Geef de breedte van de pagina-elementen, als percentages van de breedte van het browservenster waarin de pagina's worden weergegeven. De website van Smashing Magazine, bijvoorbeeld, maakt voornamelijk gebruik van vloeibare breedte lay-outs. Deze aanpak biedt bepaalde voordelen ten opzichte van vaste breedte lay-outs, waarin de breedte van de elementen hetzelfde, ongeacht de breedte van het browservenster blijven.
Lege ruimte
Het feit dat vloeibare breedte lay-outs op percentagewaarden in plaats van vaste waarden rekenen betekent dat ze flexibel zijn en uit te breiden of contract, te vullen van de vrije ruimte in een browservenster. Dit vermijdt en potentieel lastige witruimte of lege ruimte, op een webpagina en, omdat de hoeveelheid witruimte vergelijkbaar, ongeacht de browser en de grootte van het browservenster is, vloeibare-breedte lay-outs maken een meer visueel aantrekkelijk effect.
Resolutie
Vloeibare breedte lay-outs gebruiken alle vrije ruimte op een webpagina, meer inhoud weergeven op grotere schermen en minder inhoud op kleinere schermen. Dientengevolge, ontwerpers webpagina hoeft te ontwerpen voor een specifieke resolutie (het maximum aantal pixels die kan worden weergegeven op het beeldscherm van een computer, meestal uitgedrukt in het aantal of de rijen en de kolommen, in de vorm 1024 door 768)-- en webpagina's zijn meer gebruiksvriendelijk. Als u zo ontwerpen dat ze correct, kunnen vloeibare breedte lay-outs elimineren de behoefte horizontale schuifbalken gebruiken op webpagina's op kleinere schermen weergeven.
Controle
Vloeibare breedte lay-outs kunnen nauwkeurige controle over de breedte van de elementen op een webpagina. U kunt het oplossen van het probleem van de vloeibare breedte lay-outs overlapping met vaste breedte elementen, zoals zijbalken--die de lay-out van een webpagina--met slim gebruik van wat bekend als Cascading Style Sheets (CSS staat) anders kon ruïneren. CSS is een uitbreiding van HTML Hypertext Markup Language (), waarmee u de kleur-, lettertype- en met name de grootte van bepaalde elementen van een webpagina opgeven.
Stroom
Vloeibare breedte lay-outs toestaan tekst en andere Web-pagina inhoud te stromen, op een natuurlijke manier, zonder enige poging om breedte of lijn-einden. Voorstanders van vloeibare breedte lay-outs van mening dat dit in overeenstemming met de aard van Web pagina's, in het algemeen. Bovendien kunt u vloeibare breedte indelingen--vooral degenen die niet afhankelijk zijn van afbeeldingen of moeilijke technieken--eenvoudig en netjes, waardoor ze gemakkelijk te onderhouden, alsmede gemakkelijk te gebruiken.
