創建一個三柱博客模板

Question

我想創建我自己的博客模板。我想在三欄上有帖子。我試圖在帖子組件上浮動廣告，但它會產生錯誤。

我的博客使用float：https://words-deep-water.blogspot.fr/

的代碼是在這裏：https://words-deep-water.blogspot.fr/2017/03/version1.html

你能幫助我嗎？

Answer 1

沒有太多瞭解從鏈接你posted.But如果你正在尋找劃分一行到3分等於列顯示的職位，你可能想看看這個：

http://materializecss.com/grid.html。

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

使用類似於上面的代碼，您可能能夠實現您的功能。 代碼解釋：我們有一個div類，它使得它的寬度達到100％。而它內部的所有內部div將佔用外部div的33.33％寬度，給我們三個等寬的div。

如果這有幫助，請接受這個答案。如果您有任何疑問，請在下面的評論中告訴我。

Answer 2

最好嘗試使用3列敏感博主模板。有許多免費的響應模板可供博客用戶使用。如果您添加了額外的樣式代碼，則可能會影響移動用戶。