html - Get background color to fill full height of div -
I have a div that has set height and background color - as you can imagine the background color The full height of the devil does not extend to fill
I also have 4 div
, for the spherical corners in this container compartment, I have included the code given below. Regardless of the content, how do I get the background color to expand on the bottom of the container diva?
# art2 {margin-top: 15px; Margin-right: 10px; float right; Width: 485px; Background color: # 262626; } .art2boxtl {background-image: url (../ Images / tlar2.png); Repeat Background: No Repetition; Height: 10px; Width: 9 pixels; } .art2boxtr {condition: full; Correct: 10px; Top: 15px; Background image: URL (../images/Tar 2); Repeat Background: No Repetition; Height: 10px; Width: 9 pixels; } .art2boxbl {status: complete; Bottom: 0 pixels; Background image: URL (../images/blair2page); Repeat Background: No Repetition; Height: 11px; Width: 10px; } .art2boxbr {status: absolute; Bottom: 0 pixels; Correct: 10px; Background-image: url (../images/brar2page); Repeat Background: No Repetition; Height: 11px; Width: 10px; }
& lt; Div id = "art2" & gt; & Lt; Div class = "art2boxtl" & gt; & Lt; / Div & gt; & Lt; Div class = "art2boxtr" & gt; & Lt; / Div & gt; Content & lt; Div class = "art2boxbl" & gt; & Lt; / Div & gt; & Lt; Div class = "art2boxbr" & gt; & Lt; / Div & gt; & Lt; / Div & gt;
YOur's problem Background-color
- it will fill the entire area properly - but the fact is that the surrounding DIVs are not dragging it to the full size of all the DIV
Raveren's approach Parents will convert div if children are float: true
or float: left
. For those people who will not work for status: full
, you have to give parents the container a certain height
Comments
Post a Comment