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

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -