完美兼容多类型浏览器的两栏式DIV+CSS布局样式

稿源：互联网 2018-09-02 22:42:53 点击： 11865 撤稿纠错

兼容各大浏览器的最简单的两栏布局

以下讨论的是和兼容性两栏布局浏览器 DIV+CSS相关的完美兼容多类型浏览器的两栏式DIV+CSS布局样式教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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>

关于完美兼容多类型浏览器的两栏式DIV+CSS布局样式的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2018090292412.shtml方便下次再访问哦。

·上一篇： 通过JQUERY制作类似酒店入住时间的日期选择器特效代码
·下一篇： 通过js制作竖向的tab选项卡切换显示不同内容的特效例子

完美兼容多类型浏览器的两栏式DIV+CSS布局样式

文章分类LIST >>返回首页

最新游戏

最新新闻