Html 如何使用CSS设置四个并行DIV？

我搜索了教程，但它们只显示了如何设置三个平行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>

一
二
三

这就是你要找的吗

<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>

一
二
三
四

一个
二
三
四

---

只需再添加一个div标记并将它们等分，就可以得到四个div

很好，我想我回答得很快……）第一个

div

在哪里结束？对于有经验的人来说，这是显而易见的，但是您可能想添加一个关于您如何/更改了什么的小注释。@abhitalks，您是对的，这是源代码中的语法错误（刚刚将第四个div添加到代码中），似乎没有完成postet。所以，每个开盘跳水必须有一个收盘跳水。。。

<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>