Css 创建一个三栏博客模板

我正在尝试创建自己的博客模板。我想在三个专栏上发表文章。我试图在post组件上添加浮动广告，但它会产生错误

我的浮动博客：

代码如下：

---

你能帮助我吗？

从你发布的链接看不太清楚。但是如果你想将一行分成3个相等的列来显示帖子，你可能需要看看以下内容：

使用类似于上述代码的东西，您可能能够实现您的功能。

---

代码说明：我们有一个带有类行的div，它的宽度为100%。它内部的所有div将占据外部div的33.33%的宽度，使我们有三个相等宽度的div。

最好尝试使用3列响应博客模板。博客用户可以使用许多免费的响应模板。如果您添加了额外的样式代码，则可能会影响移动用户

 <style>
  .row {width : 100%}
  .col s4 {width : 33.33%}
 </style>
 <div class="row">
      <div class="col s4">This div takes 33.33% width of the outer div. POST 1</div>
      <div class="col s4">This div takes 33.33% width of the outer div. POST 2</div>
      <div class="col s4">This div takes 33.33% width of the outer div.POST 3</div>
 </div>