position element with right property

Asked Apr 21 '20 at 13:42

Active Apr 21 '20 at 13:42

Viewed 31 times

I want to position one element with left in percentage and another element with left in percentage, but it does not work. Could you help me and say in details why it is not working ? Thank you

<div class="header" >
    <span  style="left:2.34%;z-index: 1;">MALISIMMO</span>
    <div  style="position: absolute; width: 294px; right: 1%;">
        <button   style="height: 36px;z-index: 1;">Buy</button>
        <button   style="height: 36px;z-index: 1;">About Us</button>
        <button class="position1" style="z-index: 1;">SIGN IN</button>
    </div>
</div>

The jsfiddle: https://jsfiddle.net/flamant/mopu087v/9/

asked Apr 21 '20 at 13:42

flamant

2

add position:relative to it – Temani Afif Apr 21 '20 at 13:43
I added position: relative to the container and it works. But why it does not work when I put position: absolute on the container – flamant Apr 21 '20 at 13:50
1

not the container but the element where you apply the left property – Temani Afif Apr 21 '20 at 13:51
Can you explain me why it does not work with position absolute on the elements I put left and right. Furthermore, I changed the width of container to 100% and the right positioned element does not react as intended – flamant Apr 21 '20 at 14:14
I finally found the solution. See the fiddle – flamant Apr 21 '20 at 18:13

position element with right property

0 Answers0