0

在 Dreamweaver 中使用 jquery 选项卡时,我的选项卡宽度存在问题。

我想要 4 个标签跨越内容框的整个宽度,所以总共 100%,每个标签 25%,对吧?唯一的问题是当我选择 25% 时,我的第 4 个选项卡会向下移动一行。在标签向下移动之前,我可以拥有的最高 % 宽度是 24.7%,但这会在内容框的末尾留下一个很小的 ​​hap。

这表明在某处我没有考虑到一些填充,但我似乎找不到任何填充。

有人有想法么?

谢谢

更新:标签上的代码

.ui-tabs{
position: relative;
padding-top: 0em;
padding-right: 0em;
padding-left: 0em;
padding-bottom: 0em;
zoom: 1;
border-radius: 10px;
margin-top: 40px;
/* [disabled]width: 100%; */
}.ui-tabs .ui-tabs-nav{
margin: 0;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
position: absolute;
top: -32px;
left: -1px;
width: 100%;
}.ui-tabs .ui-tabs-nav li{
list-style: none;
float: left;
position: relative;
top: 0;
margin-top: 1px;
margin-left: 0;
margin-bottom: 0;
border-bottom: 0;
white-space: nowrap;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 25%;
}.ui-tabs .ui-tabs-nav li a{
float: left;
padding-top: .5em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .5em;
text-decoration: none;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active{
margin-bottom: -1px;
padding-bottom: 1px;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{
cursor: text;
}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
cursor: pointer;
width: 0%;
}.ui-tabs .ui-tabs-panel{
display: block;
border-width: 0;
padding-top: 1em;
padding-right: 1.4em;
padding-left: 1.4em;
padding-bottom: 1em;
}
4

0 回答 0