That is how absolute position actually works, you need to specify its width
[Button-width-error-2](//res.cloudinary.com/moot/image/upload/t_d3-gallery-s1/v1411308354/:framework7:2N7L:buttonwidtherror2.png.jpg) After add 100% width, became like this. It has content-block, why the button over the right edge? This is the HTML: --- <div id="welcomeButton" class="content-block"> <p class="buttons-row theme-white"> <a href="#" class="button button-big">Login</a> <a href="#" class="button button-big">Register</a> </p> <p class="theme-white"> <a href="#" class="button button-big">Login with facebook</a> </p> </div>
I found a fix by manually add new class `.welcomeSet` to both button row and add the following CSS to fix it, is this correct way to fix this issue?: --- .welcomeSet { padding-right: 30px; }
This fix is not really correct. You may just set "box-sizing:border-box" and keep 100% width on it
Ok will try, thank you.