Question

所以我很难找到为什么我的css行在992px宽度和低于992px的设备上有高度而不是更大的deimaices。

这是我的CSS：

.container
    width: 100%
    max-width: 1200px
    margin: 0 auto

.row
    margin: 10px 0 10px 0

HTML：

<div class="row">
                    <div class="col-md-33">
                        <h3>Modular</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your 
                            own tailored version of Architect...</p>
                    </div>

                    <div class="col-md-33">
                        <h3>Responsive</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your 
                            own tailored version of Architect...</p>                        
                    </div>

                    <div class="col-md-33">
                        <h3>Easy to use</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your 
                        own tailored version of Architect...</p>                    
                    </div>                   
                </div>

一个实例是：http://www.architect-framework.com/

我看到其他框架没有遇到这个问题，怎么样？

由于

Answer 1

固定！

我刚使用了clearfix

CSS：

    /**
     * Check to see if our access token has expired. If so, get a new one and save it to file for future use.
     */
    if($client->isAccessTokenExpired()) {
        $newToken = json_decode($client->getAccessToken());
        $client->refreshToken($newToken->refresh_token);
        file_put_contents('token.txt', $client->getAccessToken());
    }

Answer 2

试试这个：

.row::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

CSS Row没有高度？

2 个答案: