을 사용하여 두 개의 div를 나란히 배치 float: left
했지만 아래 div가 제대로 표시되지 않습니다. http://jsfiddle.net/N4kE3/2/
그리고 각 div에 대한이 CSS로 :
display: inline-block;
width: 50%;
참조 : http://jsfiddle.net/N4kE3/3/
그들은 다른 하나 위에 있습니다. 나는 width: 49%
그것들을 나란히 놓아야 합니다.
어떻게 가능합니까?
플로트를 유지하려면 컨테이너에 clearfix를 사용할 수 있습니다.
#action:after {
content: "";
display: table;
clear: both;
}
사용 inline-block
하려면 마크 업에서 공백을 제거해야합니다.
이..
<div id="action">
<div id="buy" class="action">Buy</div>
<div id="sell" class="action">Sell</div>
</div>
된다 ...
<div id="action">
<div id="buy" class="action">Buy</div><div id="sell" class="action">Sell</div>
</div>
.. 그렇지 않으면 50 % + 50 % + 공백 = 100 % 이상을 만드는 너비를 계산할 때 공백이 고려됩니다. 그게 어떻게 inline-block
작동하는지.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다