.div1{background:#000080;border:1pxsolidred;/*解决方案代码*/width:98%;overflow:hidden}.div2{background:#800080;border:1pxsolidred;height:100px;width:98%;}.left{float:left;width:20%;height:200px;background:#DDD}.right{float:right;width:30%;height:80px;background:#DDD}在写出好的页面之前，首先要学习HTML4和HTML5，然后对CSS和CSS3有一定的掌握。一般情况下，不同类型的网站经过认真排版，对前端都有一定的掌握，写静态页面问题不大。至于数量，超过3个完整的网站。提醒：想要写出非常好的页面，js是必不可少的。对于初学者来说，有点难，但不要胆小，根据学习进度学习，先学HTML+CSS，再学HTML5+CSS3，学习一定的程序，再接触javascript。相信就算是自学，两个月左右就能学会HTML+CSS，一个月就能学会javascript。如果你不知道以上内容，就去学习：HTML教程、HTML5教程、CSS教程、CSS3教程、javascript教程。废话太多，先说说如何写出兼容性好的网页：1.文档声明必不可少：其实这个和WCAG一点关系都没有，只是为了更好的兼容性，特别是它是向后兼容的页面，必须写这个东西：2.尽量不要使用兼容性标签。你在学习过程中已经具备了一定的兼容性。如果你想使用它，你只需要使用它。我希望这个标签的效果只在某些浏览器中有效，尤其是H5。现在很多标签并不是在所有浏览器中都统一有效。3、写CSS之前，首先要明确格式。清除标签格式是必要的，因为大多数标签是兼容的，但必须使用它们。比如ul标签在ie6、7下默认有margin，在ie8、Firefox、Google中默认有padding。4.应避免常见的浏览器错误。例如：在一个嵌套的div中，如果外层div没有边框，内层div的margin-top就会失效，会直接影响外层div（即外层divmargin-top效果）5.子元素是浮动的，父元素默认不能覆盖子元素。这种情况一般通过if方法来处理：1、给父元素添加overflow:hidden；但是需要保证父元素中没有要显示的元素，否则不显示。.div1{background:#000080;border:1pxsolidred;/*解决方案代码*/width:98%;overflow:hidden}.div2{background:#800080;border:1pxsolidred;height:100px;width:98%;}.left{float:left;width:20%;height:200px;background:#DDD}.right{float:right;width:30%;height:80px;background:#DDD}左
