Question

我在页面底部有一个导航栏，如下链接所示： https://jsfiddle.net/4mwdkr3p/ 我想在这个栏的顶部添加另一个div（<div style="display: block;" id="detail">）：

<body>

<div style="display: block;" id="detail">
<div id="detailContainer">
video
<img src="http://s11.postimg.org/hetmxqopb/main.png"><b> Mango</b><br>
<span class="centerKeyContainer">
<span class="first" onclick=""></span>
<span class="second" onclick=""></span><br>
<a href=""> mango</a><br>
</span>
<span id="FavKey"><span class="addedFav"></span></span> 
</div>

</div>

<div id="MenuContainer">

            <ul id="navigation">
                <li class="x">
                    <a title="1" href="./test.php"> <img id="myButton1" src="http://s24.postimg.org/6nv5v6uu9/worldresized.png" alt="" border="0" height="42" width="42">
                        <div class="caption">1</div>
                    </a>
                </li>
                <li class="x">
                    <a title="2" href="./test.php"> <img id="myButton2" src="http://s11.postimg.org/ojkmy9aq7/flowerresized.png" alt="" border="0" height="42" width="42">
                        <div class="caption" style="color:red">2</div>
                    </a>
                </li>
                <li class="x">
                    <a title="3" href="./test.php"> <img id="myButton3" src="http://s10.postimg.org/u774wlu91/moon_Resized.png" alt="" border="0" height="42" width="42">
                        <div class="caption">3</div>
                    </a>
                </li>
                <li class="x">
                    <a title="4" href="./test.php"> <img id="myButton4" src="http://s12.postimg.org/7mz8gwfa1/worldresized.png" alt="" border="0" height="42" width="42">
                        <div class="caption">4</div>
                    </a>
                </li>
                <li class="x">
                    <a title="5" href="./test.php"> <img id="myButton5" src="http://s29.postimg.org/jld492dn7/settingresized.png" alt="" border="0" height="42" width="42">
                        <div class="caption">5</div>
                    </a>
                </li>
            </ul>
</div>

这是导航div和它上面的div（https://jsfiddle.net/aq13uwua/2/）的jsfiddle链接，但不幸的是导航div在iphone和ipad屏幕上都不可见。任何人都可以帮我解决这个问题吗？先谢谢。

如何在另一个div下的页面底部显示导航div？

0 个答案: