Question

我正在使用Underscores来构建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}

漂浮在下划线中的图像不起作用

1 个答案: