使用Jquery和CSS的选项卡

使用Jquery和CSS的选项卡,jquery,html,css,tabs,Jquery,Html,Css,Tabs,我从这里复制了代码。 . 出于某种原因,我似乎找不到,它是这样显示的。 我尽了最大的努力,但没能让它像小提琴上显示的那样出现。Plz帮助。小提琴包括normalize.css,您在使用web开发工具时会注意到这一点,例如检查ul元素-列表样式:外部无在normalize.css的第21行中设置。您可以通过谷歌搜索normalize.css下载并包含在页面中 小提琴中使用的normalize.css是这样的:这对我很有用 <ul class="tabs-menu" sty

我从这里复制了代码。 .


出于某种原因,我似乎找不到,它是这样显示的。


我尽了最大的努力,但没能让它像小提琴上显示的那样出现。Plz帮助。

小提琴包括
normalize.css
,您在使用web开发工具时会注意到这一点,例如检查
ul
元素-
列表样式:外部无在normalize.css的第21行中设置。您可以通过谷歌搜索normalize.css下载并包含在页面中

小提琴中使用的normalize.css是这样的:

这对我很有用

<ul class="tabs-menu" style="width:100%; margin-bottom:0px;">

请在JSFIDLE上添加一些带有css和js代码的页面。这表明你的css样式有问题。请检查css并解决问题。尝试将
display:inline block
添加到
tabs container
或在
tabs container
的结束div之前添加一个清除div,我已经尝试过了,它只是从列表项中去掉了项目符号。内容区域仍显示在外部。@dr_dev是否可以添加一个小提琴,因为这样可以更容易地找到缺少的内容。@dr_dev通过两个调整更新了小提琴:在小提琴选项中,选择了
标准化css
,并添加了
主体标记
(复制内容的小提琴中也有相同的设置)@dr_dev抱歉,刚刚注意到全屏显示时问题依然存在。全屏显示调整后的fiddle:fiddle css末尾的调整设置为
float:none
设置为
。tabs菜单,.tab
我也使用此选项卡。这是一个很好的小脚本。我想知道如何使自动更改一个接一个。假设每隔5秒,下一个选项卡将被激活。s类似滑块的东西
<ul class="tabs-menu" style="width:100%; margin-bottom:0px;">