                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

用火狐打开不能实现这个效果啊

范爷

2015-04-14

源自：如何用CSS进行网页布局 4-1

关注问题我要回答

741

操作

收起

1 回答

Lovelin1
2015-12-14

能的，下面是我的代码，

<!DOCTYPE html>
<html>
 <head>
  <title> New Document </title>
  <meta charset=UTF-8>
 </head>
<style type="text/css">
*{
margin:0;
padding:0;
}
.left{
height:500px;
width:200px;
background-color:purple;
position:absolute;
left:0;
top:0;
}
.middle{
height:500px;
background-color:gray;
margin:0 310px 0 210px;
}
.right{
height:500px;
width:300px;
background-color:yellow;
position:absolute;
right:0;
top:0;
}
</style>
 <body>
  <div>200px</div>
  <div>作为当今主流的开发语言，PHP集简单、免费、高效等荣誉于一身，但是，想学习她还是要脚踏实地地从基础语法开始，当然，对于将来要在Web开发领域叱咤风云的你来说，跟HTML和CSS还有一些不得不说的故事。
</div>
  <div>300px</div>
 </body>
</html>