jquery的标签旁边的浮动元素不起作用

时间:2013-04-19 11:13:18

标签: jquery html

我有一个漂浮在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>

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

enter image description here

我该怎么做才能让div(#twitter)向左浮动之外?

修改

这是我添加浮动后发生的事情:左边的标签:

enter image description here

谢谢:D

1 个答案:

答案 0 :(得分:1)

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