1

我有一个浮动在jquery's选项卡左侧的 div。

这是浮动元素的 css :

#twitter{
    width: 200px;
    height: 300px;
    border: 1px solid black;
    text-align: center;
    float: left;
}

这是html结构:

<body>
    <div id="header">
        <img src="<? echo base_url();?>image/header.jpg">
    </div>
    <div id="twitter"> 
        <h1>TWITER</h1>
    </div>
    <div id="tabs">
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#gallery">Gallery</a></li>
            <li><a href="#about">About Me</a></li>
            <li><a href="#book">All About Love</a></li>
        </ul>
    <div id="home">
        <p><?php echo $home; ?></p>
    </div>
    <div id="gallery">
        <p><?php echo 'Gallery'; ?></p>
    </div>
    <div id="about">
        <?php echo $about; ?>
    </div>
    <div id="book"></div>
    </div>
</body>

这就是我从上面的代码中得到的:

在此处输入图像描述

我应该怎么做才能使 div ( #twitter) 浮动选项卡的左侧?

编辑

这是我添加 float:left 到选项卡后发生的事情:

在此处输入图像描述

感谢:D

4

1 回答 1

1

如果您将标签(#tabs)向左浮动,那就足够了。

于 2013-04-19T11:17:57.527 回答