相关疑难解决方法(0)

我正在尝试为我的网站创建一个导航面板.我希望它包括:

• 四个相同大小的选项卡,每个选项卡中以文本为中心.
• 它们应该填满整个页面宽度.

我真的希望设计灵活,浏览器友好.我尝试了各种浮动技术,但我无法让它工作.我希望你能帮助我!

谢谢.

我的标记如下:

<li><a href="#sheds_housing">Sheds &amp; Housing</a></li>
<div id="sheds_housing">
    <h1>sheds &amp; housing</h1>
    <img src="images/cattle/sheds_housing.png" width="150" height="150" alt="Sheds & Housing"
        title="Sheds & Housing" />
    <p>Text here</p>
</div>

创建指向页面一部分的链接,以便在用户单击锚点时,将其带到该部分.

无论如何,我可以确保当用户这样做时,内容始终显示在顶部,而没有任何额外的内容可能存在于链接div上方的文档的正常流程中.

它可以单独用CSS完成,还是我必须使用JS/jQuery,如果是的话是什么代码？

编辑

我以前不清楚; 看到这个小提琴.如果您单击前两个链接,您将进入相应的部分,内容将显示在窗口的顶部,但如果您单击最后一个链接,您将被带到相应的部分,但内容不会出现在窗口的顶部和位于相应部分上方的内容存在.