你好,歡迎瀏覽牛城網站官網,有什么需要幫助請聯系在線客服人員!

24小時在線QQ客服:852440645  

全國服務熱線

0311-89870036

首頁 > 建站知識 > JS特效

建站知識

主營業務

新聞動態

兼容性完美的兩欄式布局樣式案例

發布人:后臺管理員   發布時間:2015-11-18 15:51:59

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
 
 <head>
  <title>   </title>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 
<style type="text/css">
.container{
margin:0 auto;
}
.right{
float:right;
border:1px solid red;
}
.left{
border:1px solid green;
}
</style>
 
 </head>
 
 <body  
>
 
 <div class="container" style="width:960px;">
  <div class="right" style="width:200px;"> 
 <script type="text/javascript">
 
 document.write(navigator.userAgent);
 
 
 </script>
 
</div>
  <div class="left"  style="margin-right:204px;"> 
 
 <script type="text/javascript">
 
 document.write(navigator.userAgent);
 
 
 </script>
 <pre>
.container{
 
 
margin:0 auto;
 
 
}
.right{
float:right;
 
border:1px solid red;
 
}
.left{
margin-right:204px;
border:1px solid green;
 
}
</pre>
<hr/>
 <div class="container" >
 <div class='right'  style="width:300px;" >xx</div>
 
<div  class='left'  style="margin-right:304px;" >oo</div>
</div>
</div>
 
 </div>
<div  >
 
</div>
 
 </body>
</html>