内容块位置问题

我在我的SilverStripe中有一个内容块模块。所有工作正常，但我需要设计，我的内容块左边浮动。我想要做这样的事情 - >w3schools 内容块位置问题

但是浮子不能正常工作。它以垂直线显示我的块。

CSS：

.BoxPage { 

    float: left; 

     } 
.BoxPage5 { 

    height: 400px; 
    width: 600px; 
    line-height: 2.0em; 
        }

BoxPage HTML

<div class="BoxPage5"> 
    <% loop $Blocks %> <- this loop blocks 
    $HTML <- this insert block content (images, title, link) 
<% end_loop %> 
</div>

IamgeBlock HTML：

<% loop $Images.Sort('SortOrder') %> <- This loop images 
<a href="$Top.WebsiteLinkHyper"> <- This add a href link 
<div class="BoxPage3"> <- This is for opacity effect. 
<figure> 
<h2>$Title</h2> 
    $Tag 
</figure> 
</div> 
</a> 
<% end_loop %>

我知道，我我做错了，但是我究竟做错了什么？

另外一个问题，我应该如何在这种情况下添加一个特定的大小内容？例如内容块只有600px horizontaly和300px verticaly。 height: 400px;和width: 600px在我的情况下没有正确地做这件事。对不起noob问题和糟糕的英语语言。

来源

2017-09-15 Thranduil

我没有测试你的代码，但它看起来像你需要给每个块实例其自身的div容器，如：

<div class="BoxPage5"> 
    <% loop $Blocks %> 
     <div class="BoxPage">$HTML</div> 
    <% end_loop %> 
</div>

在一个侧面说明，我也建议使用类命名约定，如BEM，或Bootstrap使用的小写BEM样式。

来源

2017-09-18 03:23:33

感谢您的回答，我已经通过添加了一个

css – Thranduil

内容块位置问题

回答

相关问题