console
<div id="header"></div>
<div>
<ul class="nav nav-tabs">
<li class="active"><a href="#">主页</a></li>
<li><a href="#">简介</a></li>
<li><a href="#">新闻</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
产品<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Swing</a></li>
<li><a href="#">jMeter</a></li>
<li><a href="#">EJB</a></li>
<li class="divider"></li>
<li><a href="#">分离的链接</a></li>
</ul>
</li>
<li><a href="#">PHP</a></li>
</ul>
</div>
<div id="sxw">
<a href="www.baidu.com">;mkcflf
eWfgrfghhjjjjjjjjxxxxxxxxxxxffffffffff</a>
<a href="www.baidu.com">;mkcflf
eWfgrfghhjjjjjjjjxxxxxxxxxxxffffffffff</a>
</div>
<div id="e">
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="http://pic21.nipic.com/20120604/10209159_110645695180_2.jpg" alt="First slide">
</div>
<div class="item">
<img src="http://a0.att.hudong.com/70/82/01300000185479121382825220187.jpg" alt="Second slide">
</div>
<div class="item">
<img src="http://www.jydoc.com/uploads/jydoc/p28501/20092212402520377801.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control left" href="#myCarousel"
data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">›</a>
</div>
</div>
<div id="kb"></div>
<div id="ft">www.baidu.com</div>
<
body{text-align:center;}
#header{background-color:lightskyblue;
height:30px;}
#sxw{
width:400px;
height:100px;
position:absolute;
top:100px;
left:100px;
}
#e{width:300px;
height:300px;
position:absolute;
left:150px;
top:200px;}
#ft{
background-color:palegreen;
height:30px;
width:600px;
position:absolute;
top:450px;
}