css - a stacked/overlay div that align on right side without using px -
i have using div button. button right aligned using float.
when 'pophelp' pops aligned on left side.
how align on right side?
** @click="pophelp" hides , shows help
<div class="help3d"> <div @click="pophelp"> <span>{{ helplabel }}</span> </div> <div v-if="showhelp" id="pophelp"> {{ helpl1 }} </div> </div> .help3d { display: inline-block; float: right; cursor: pointer; border: 1 solid #000; background-color: #c88; position: static; } #pophelp { position: absolute; display: block; right: auto; top: auto; z-index: 20; background-color: #844; color: #fff; text-align: left; }
if try use relative, pophelp displaces div under it. want overlay it
let me know if css fixes issue
.help3d { display: inline-block; float: right; cursor: pointer; border: 1 solid #000; background-color: #c88; position: relative; } #pophelp { position: absolute; display: block; right: auto; top: auto; z-index: 20; background-color: #844; color: #fff; text-align: left; right: 0; }
Comments
Post a Comment