When adapting a layout for different viewport widths (a.k.a. responsive design) or media (like print), it’s common to reset any float
and width
values on major layout blocks to linearise their display.
Unfloating a floated element is as simple as specifying float:none
. Width doesn’t seem to be quite as straightforward – lately I’ve come across several cases where people use width:100%
to undo explicitly specified widths when they should be using width:auto
instead. So here’s a brief explanation of the difference.
Posted in CSS, Quick Tips.
Copyright © Roger Johansson