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