javascript - Allow float element to overflow horizontally -
i have following structure:
<div id="hold"> <div id="hold-left">content</div> <div id="hold-right">content</div> </div>
hold-left
floats left , hold-right
floats right. widths 40% , 55% when page loaded. thing is, hold-right
sort of preview of , user needs able resize it.
this done using javascript (the user selects zoom level radio button), issue facing that, if enlarged, drops down beneath hold-left
. i'd float on freely outside of parent div.
how go this? can done through css @ all, or need dynamically resize parent every time resize hold-right
?
have considered using left margin on .hold-right
?
.hold-left{ float:left; width:40%; } .hold-right{ margin-left:45%; }
also, should use classes, not ids.
Comments
Post a Comment