0

ここで問題を確認できます: http://www.callensewout2011.dreamhosters.com/results.php?q=frankrijk

これを修正する方法を誰が知っていますか?

<div id="result-wrapper">
<a href="article.php?articleId=173&amp;q=frankrijk">
          <div class="tile" id="tile1">
                <div class="tileTextEmpty">
                     <img src="img/logos/hbvl.png" alt="Logo van Het Belang Van Limburg">
                </div>
                <div class="tileText">
                    <h4>Vliegtuig Hollande getroffen door bliksem </h4>
                    <p>De kersverse nieuwe Franse president François Hollande heeft dinsdag voor het eerst de Duitse kanselier Angela Merkel ontmoet. Hollande moest zijn reis naar Duitsland wel even...</p>
                </div>
          </div>
     </a>
</div>

#result-wrapper {
    -webkit-column-width: 340px;
    -webkit-column-gap: 0px;
    height: 649px;
    width: 1024px;
    overflow-y: auto;
    background-color: 
    black;
}

.tile {
    height: 325px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 340px;
    background-color: 
    black;
}

.tileTextEmpty {
    width: inherit;
    height: 155px;
    text-align: left;
}

.tileText {
    height: 135px;
    padding: 10px;
    background-color: black;
    opacity: .8;
    color: #EAEAEA;
    text-align: left;
}
4

2 に答える 2

0

display：inline-blockまたはfloat：leftを使用して、コンテナーの最後までコンテンツを配置しないのはなぜですか。

display：inline-blockの使用方法がわからない場合は、参考のためにこれを参照してください

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

于 2012-05-16T15:19:43.793 に答える
0

hbox モジュールがあります。それは役立つかもしれません：

http://ajaxian.com/archives/css-3-flexible-box-model

于 2012-05-16T12:15:26.483 に答える