HTML에서 세 개의 div를 가로 위치로 지정하는 방법은 무엇입니까?
<p>세 개의 수평 파티션이 있는 샘플 웹사이트를 만들고 있습니다.
가장 왼쪽 파티션의 너비는 25%, 중간 파티션의 너비는 50%, 오른쪽 파티션의 너비는 25%로 하여 파티션이 수평으로 공간을 100% 채울 수 있도록 하고 싶습니다. </p>
<pre class="brush:php;toolbar:false;"><html>
<제목>
웹사이트 제목
</제목>
<div id="전체" style="높이:100%; 너비:100%" >
<div id="leftThing" 스타일="위치: 상대; 너비:25%; 배경색:파란색;">
왼쪽 메뉴
</div>
<div id="content" 스타일="위치: 상대; 너비:50%; 배경색:녹색;">
무작위 콘텐츠
</div>
<div id="rightThing" 스타일="위치: 상대; 너비:25%; 배경색:노란색;">
오른쪽 메뉴
</div>
</div>
</html></pre>
<p>https://i.stack.imgur.com/NZDJe.jpg</p>
<p>이 코드를 실행하면 div가 겹쳐서 나타납니다. 나란히 나타나길 바라요! </p>
<p>어떻게 해야 하나요? </p>
