Question

我在项目中使用了jquery内容选项卡插件。有6个内容标签（公司，创始人，团队，荣誉，职业，哲学）。单击任何其他选项卡后单击公司选项卡时，内容上有一个空白区域（在Chrome中）。我怎样才能删除那个空格？这是我的链接。

Answer 1

您在容器中使用float:left但错过了clearfix 您可以将overflow:auto添加到company元素或添加明确的div 而Gaurav所说的是对的，你不应该使用ul作为容器。

Answer 2

您的加价

<ul id="company" style="display: block;">
    <div class="about_logo_area">
        <div class="pic_categry_info_img2 full_img">
            <img src="images/new/flutura_about_logo.jpg">
        </div>
    </div>
    <div class="about_logo_txt_area">
        <p><strong>Flutura</strong> is a niche Big data analytics solutions company based out of <strong>Palo Alto</strong> (Development Centre in Bangalore) with a vision to transform operational outcomes by monetizing machine data. It does so by triangulating economic impactful signals from fragmented data pools. The name <strong>Flutura</strong> stands for butterfly; inspired by nature's greatest transformation from a caterpillar to a butterfly. We are obsessed with Trust and Transformation and align our daily lives to these core principles.
<strong>Flutura</strong> has recently been identified as one of the top 20 most promising Big Data start-ups across the globe by leading analyst magazine <strong>CIO Review</strong>. <strong>Flutura</strong> has also been featured on Gigaom reports on Big data + M2M in energy sector. <strong>Flutura</strong> was also the winner at TechSparks, where 800 innovative startups were evaluated.</p>
        <p><strong>Flutura</strong> is funded by Silicon Valley’s leading VC fund The Hive (based in Palo Alto) which primarily invests in big data companies worldwide.</p>
    </div>
</ul>

div不允许作为ul的直接子女。您可validate your page with W3C或查看the corresponding article on W3C：

4.5.6 ul元素

<强>分类
  Flow content

可以使用此元素的上下文：
  预计flow content的位置。

内容模型：
  零个或多个li元素。

内容属性：
  Global attributes

DOM界面：
  interface HTMLUListElement : HTMLElement {};

可能是<ul>的孩子的唯一元素是<li>。

HTML 4：

<!ELEMENT UL - - (LI)+                 -- unordered list -->

（另见how to read a content model definition in a DTD）

HTML 5：

内容模型：零个或多个li元素。

要在li中的div有效时添加到它，dl，dd或dt中的div不是！（请注意，这仅适用于HTML 4及更早版本）

此外，如果您不使用HTML5而不是XHTML1，（这里我可以看到您的使用，但只是为了添加更多信息）

如果你看xhtml1-strict.dtd，你会看到

<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block
     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">

因此div，p等可以在li内（根据w3.org的XHTML 1.0 Strict DTD）。

显示空白区域的Jquery内容选项卡

2 个答案:

4.5.6 ul元素