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 をタブに追加した後に起こったことです:

ここに画像の説明を入力

ありがとう

4

1 に答える 1

1

タブ (#tabs) を左にフロートさせれば、それで十分です。

于 2013-04-19T11:17:57.527 に答える