-3

データベースからの映画のリストを表示しています-それらはインラインで表示されるはずですが、代わりに垂直に表示されています。これがテストページです。

display：inlineをliとinner divに追加しましたが、それでも運がありません-

.movienav {
    height: 500px;
    width:75%; 
    float:left;
    margin-top:25px; 
    clear:left;
    padding-bottom: 45px;
}

.movienav li {
    width: 340px;
    height: 450px;
    float: left;
    margin-right: 10px;
    position: relative;
    display:inline;
    list-style:none;

}

.movienav li div {
    backface-visibility:hidden;
    width: 340px;
    height: 450px;
    overflow: hidden;
    background: #161616;
    position: absolute;
    top: 0;
    left: 0;
    display:inline;

}

.movienav li div.back {
    backface-visibility:hidden;
    left: -999em;
    padding-bottom: 15px;  
    background-color:#161616; /*max-height:450px; overflow:auto;*/
    margin-top: 0;
    display:inline;

}

<div class="movienav">
<ul>
<li><div class="front"><img src="<?php echo $imglink; ?>" width="340" height="450" class="dvdcover" /></div>
<div class="back">


<p><?php echo $description; ?></p>
</div>
</li>
</ul>
</div>
4

1 に答える 1

2

各 LI に独自の UL と DIV をラップさせます。私は推測していますが、あなたはそれを修正できるかもしれません

.movienav {float: none;}
于 2013-02-13T16:44:04.070 に答える