css - 在下划线中浮动的图像不起作用

Question

我正在使用下划线来构建 Wordpress 主题。在结构中，我有一个宽度为 275px 的 div 。在这个 div 里面，我有另一个 div<img>和<h3>里面。当我尝试浮动图像以便 h3 环绕它时，浮动不适用于主题，但它在单独的 html 文件中工作。这段代码有什么问题？

    .container{
            width: 275px;
        }
        .post-image-small {
            float: left;
        }
        .post-image-small img {
            display: block;
         box-shadow: 0px 0px 1px 1px #777;
         box-sizing: border-box;
         border: 1px solid #fff;
         float: left;
       }
        .post-image-small h3.post-title-small {
         font-size: .85em;
         margin: 0 !important;
       }
        .post-image-small h3.post-title-small a {
         color: #444;
         text-decoration: none;
       }
        .post-image-small h3.post-title-small a:hover {
         color: orange;
       }
    <div class="container">
        <div class="post-image-small">
            <img src="http://localhost/viewport/wp-content/uploads/2014/09/iwatsh-150x150.jpg" width="50" height="50">
            <h3 class="post-title-small"><a href="http://localhost/viewport/?p=1490">Integer non nibh et nibh lacinia tempus</a></h3>
        </div>
    </div>

先感谢您

Answer 1

在_s中 style.css 的第 158 到 163 行，你有这个：

h1, h2, h3, h4, h5, h6 {
    clear: both;}

所以你需要在所有默认的 _S 样式定义之后添加这个：

.container h3{clear:right}