如何使2个div重叠而没有绝对或边际以使网站响应？

Question

在没有绝对或边距的情况下定位2个div相互重叠的问题，导致我希望我的网站能够做出响应

#review-title {
	width: 20%;
	height: 10%;
	position: relative;
	left: -5%;
	float: left;
#section {
	width: 20%;
	height: 80%;
	position: relative;
	left: 1%;
	float: left;
}

    <div id="review-title" class="overlay ">
			<label class="w3-text-white underline" style=""><h2><b>text</b></h2></label>
		</div>
    <div class="section">
				<label id="" class="w3-text-white"><h4><b>text</b></h4></label>
				<label id="" class="w3-text-white">text</label>
				<br>
				<button id="" class="fa fa-arrow-right w3-btn w3-text-white light-overlay border-remove small-circle" style="border-radius: 50%; margin: 2% 0 -2% 0;" type="button" name="button"></button>
    </div>