html - How can I get three columns, sibling divs, each expand to fill its parent? -


I'm always searching for Sorry, I'm very disappointed at this point, so I thought I'd ask here. Below is an HTML sample when column B is more than one page (viewport, sorry, I'm not sure about the correct terminology here), so A and C are not expanding in height to fill the container's dividend, they fill the entire page , But stop at the length of a page, even if column B is longer than a single page. Any thoughts, I am pulling out my hair I am playing with height and minimum height and nothing is working.

  & lt ;! DOCTYPE html public "- // W3C // DTT XHTML 1.0 Stronger // N" http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">  gt; Top & gt; Title & gt; Untitled Page & lt; / title & gt; & lt; Style Type =" Text / CSS "> Html, body {height: 100%; background color: gray; padding: 0; margin: 0;} # container {height: 100%; margin: auto; padding: 0 pixel; width: 610px ;} # A {width: 5px; minimum height: 100%; swim left; background color: yellow;} #b {width: 600px; pavement Color: Blue; Swimming Left; Minimum height: 100%;} # C {width: 5px; Swimming Left; Minimum height: 100%; Background color: green;} & lt; / style & gt; & lt; / head & 

Have you seen the tricks?


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -