CSS가있는 4 개의 병렬 DIV를 설정하는 방법은 무엇입니까?

Question

자습서를 검색했지만 세 가지 병렬 div를 설정하는 방법 만 보여줍니다.

이 코드를 변경하고 4 개의 병렬 div를 넣을 수 있습니까?

<div style="width:90%;border:1px solid #000;"> 
    <div style="float:left; width:33.3%; background:#aaa;">one</div> 
    <div style="float:left; width:33.3%; background:#bbb;">two</div> 
    <div style="float:left; width:33.4%; background:#ccc;">three</div> 
<div style="clear:both;"></div> 

Answer 1

이게 당신이 찾고 있는게 있나요?

<div style="width:90%;border:1px solid #000;"> 
    <div style="float:left; width:25%; background:#aaa;">one</div> 
    <div style="float:left; width:25%; background:#bbb;">two</div> 
    <div style="float:left; width:25%; background:#ccc;">three</div> 
    <div style="float:left; width:25%; background:#ddd;">four</div> 
<div style="clear:both;"></div> 

Answer 2

<div style="float:left; width:25%; background:#aaa;">one</div> 
<div style="float:left; width:25%; background:#bbb;">two</div> 
<div style="float:left; width:25%; background:#ccc;">three</div> 
<div style="float:left; width:25%; background:#ddd;">four</div> 

그냥 한 번 더 div 태그를 추가하고 유 네 된 div를 얻을 것이다 똑같이 나누어!