0

2 つのリストがあり、両方を並べて表示したいと考えています。しかし、私はそれらをページの中心にしたい. どちらも純粋なメニュー div 内にあるため、両方に外側の div を配置しようとすると、隠れたり消えたりするように見えます。

コード例:

<div id="submenu" class="pure-hidden-tablet pure-hidden-desktop pull-left">
    <div class="pure-menu pure-menu-open ">
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
 <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
 </div>
</div>

CSS:

.rightMenu{
   margin-left:20%;
   float:left;
 }
 .leftMenu{
  float:left;
   margin-left:20%;
 }

これにより、float:left を使用して 1 行にまとめて配置されます。ただし、幅 100% のページに集中させるのに苦労しています。

4

3 に答える 3

0 

.mem
{
    float:left;
    position: relative;

}
<div>
<div class="mem">
<ul>
    <li>hi</li>
    <li>hello</li>
</ul>
</div>
<div class="mem">
    <ul>
    <li>hi</li>
    <li>hello</li>
</ul>
</div>
</div>

両方のリストを div タグで囲み、再度 1 つの div に入れて css を適用します。これを試してみてください。問題が解決します。右にチェックを入れることを忘れないでください。

于 2014-11-12T14:58:08.060 に答える