html - height: auto doesn't work for parent div - no overflow: auto -
my div projects needs have automatic height because project classes later added dynamically. problem height: auto attribute doesn't work.
html:
<div id="content"> <div id="projects"> <div id="proj1" class="project col-md-4"></div> <div id="proj2" class="project col-md-4"></div> <div id="proj3" class="project col-md-4"></div> </div> <div id="lanes"> <div id="lane1" class="lane"> </div> </div> </div> css:
#projects { background-color: pink; height: auto; padding: 10px; } .project { background-color: yellow; height: 100px; border-style: solid; border-width: 1px; } .lane { height: 155px; background-color: green; border-style: solid; border-width: 1px; } i can not use overflow: auto or overflow: normal because have draggable divs within projects div, can't dragged out.
Comments
Post a Comment