In one section of my website, I have a specific div structure. This structure consists of two divs stacked on top of each other. The first div is divided into two parts: one part with a width of 63% and another part with a button.
Beneath the first div, there is another div with the same width (63%) and positioned absolutely.
However, setting the position to absolute does not result in both divs being the same size, even though their widths are identical.
Here is a snippet of the CSS code:
#two{
border: 1px solid;
width: 63%;
position: absolute; //Enabling this results in varying sizes despite having the same width
}
You can view my code pen link here: https://codepen.io/JGSpark/pen/bZyvEV?editors=1100
I am looking for a solution to make both divs the same size when using position absolute. Any suggestions on what I can try?