1

这是一个CSS的标签菜单。我试图在一个选项卡中写一个长名称，以便它在它的位置上，您可以在以下链接上查看图像：

这是原版： http://innovativeartz.com/problems/orignal.png

当我改变 css 在此处输入图像描述

.tabs {width:100%;overflow:auto;}
.tabs li {float:left;padding-right:1px;}
.tabs .end {padding:0}
.tabs a {display:block;width:66px;font-size:13px;line-height:31px;color:#fff;text-transform:uppercase;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;behavior:url(js/PIE.htc);position:relative;background:url(../images/tabs_bg.gif) bottom repeat-x #3081c8;text-decoration:none;p}
.tabs a:hover, .tabs .active {background:url(../images/bg_form.gif) repeat}
.tabs_cont {border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;behavior:url(js/PIE.htc);position:relative;background:url(../images/bg_form.gif) repeat;padding:30px 35px 28px;width:1000px;height:500px;}

这是HTML

 <ul class="tabs">
        <li><a href="#" id="changeText">inclusive Class</a></li>
        <li><a href="#" id="changeText2">inclusive Class</a></li>
        <li><a href="#" id="changeText3">inclusive Class</a></li>
        <li class="end"><a href="#" id="changeText5">inclusive Class</a></li>
    </ul>

请任何人帮我看看如何用长文本查看它的原始位？

4

2 回答 2

0

article.col1是问题。它有一个固定的定义..只需将它width增加到它100%，你就会像以前一样工作

于 2013-03-24T12:43:23.897 回答
0

原因是你的ul（标签）在article.col其中有一个宽度，267px所以当你说它只扩展那么多时100%。ul width

使它成为 1000 像素。

也删除tabs a宽度。

于 2013-03-24T11:57:34.117 回答