Question

Just need, say, 3 columns [will change – could be up to 4] that are all flexible width (filling in the screen).

Is there a way to do this w/ CSS? So like three blocks, all lined up horizontally, fill in the screen.

Answer 1

Your question is a bit vague. However, the simple solution is:

EDITED: Duh, forgot my positioning info.

HTML

<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>

CSS

html, body {
   height: 100%;
   position: relative; 
}

.c1 {
   height: 100%;
   width: 33.3%;
   position: absolute;
   left: 0;
   top: 0;
}

.c2 {
   height: 100%;
   width: 33.3%;
   position: absolute;
   left: 33.3%;
   top: 0;
}

.c3 {
   height: 100%;
   width: 33.3%;
   position: absolute;
   left: 66.6%;
   top: 0;
}

Note: there are various ways to do it. Floats can be used, inline-block, etc.