html - Child Div in UL cuts off -
i have nested structure div contains ul in turn contains div. requirement have content of inner div display beyond width (boundary) of ul or outer div.
/* positioning */ #box1 { position: absolute; overflow: hidden } #box2 { position: relative } #box3 { position: absolute; top: 10px } /* styling */ #box1 { background: red; padding: 5px; width: 125px } #box2 { background: blue; padding: 2px; width: 125px; height: 100px } #box3 { background: green; padding: 2px; width: 500px; height: 150px }
<div id="box1"> <ul id="box2"> <li> <div id="box3" /> </li> </ul> </div>
refer https://jsfiddle.net/ob641d3s/
note: working on chrome 47 stopped working chrome 49 onwards on mac. still working on chrome + windows
remove overflow: hidden
property on #box1
, it's :)
Comments
Post a Comment