css - Sidebar div is not filling 100% of the parent -
I will try it and do the best that I can do it.
First of all, this is a fake issue of my problem.
There is a device under the name of DIV A and DIV B content.
Here's the CSS:
#contents {height: auto; Limit: 1px solid black; } #A {float: left; Padding-left: 10px; Padding-top: 10px; Width: 587px; } #b {boundary-left: 1px solid black; float right; Height: 100%; Width: 300px; } There is a page content generated in DIV A DIV B contains two children's divs that provide tools for the page. Both of these are identical, and only set the height of 150px each.
The issue is that, as seen in the ridicule, #BDV does not fill 100% #contents so when derived content is consumed & gt; 300px, black line separated by right bar does not pull the entire vertical length of #contents.
I
& amp; Lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Strict // N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&group; For the methodology.
You need to use (possibly with table-cell ) Or. I used display: table and display: table-cell to do this. example
CSS #contents {display: table; } # A {Width: 587px; } #b {display: table-cell; Width: 300px; } .
Note that this will not work & lt; IE8
Comments
Post a Comment