lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta。

需求 假设高度默认100px ，请写出三栏布局，其中左栏右栏各为300px，中间自适应 将左右的div宽度设为300px，分别左右浮动，中间盒子不设宽度注意先写右边盒子，再写中间盒子，否则先渲染中间盒子，中间盒子会占满该。

这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏 2“国”字型布局 “国”字型布局是在“同”字型布局基础上演化而来的，在。

刚才看错了 你这颜色选得，我辨色能力没那么强左右布局的div两个加一起的宽度不能大于父容器的宽度，要不然会出现换行的现象的div_aside float left width 20% height 100% backgroundcolor。

此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定在网站开发当中，通常是需要结合多种布局去实现网页布局的如果是在学习网页布局的相关知识，可以弄本HTML5布局之路，来辅助自己的学习。