已采纳回答 / 用十倍苦心
.top里边 background 单词字母打错了.main里边 height: 后边跟的是300px 不是 3oopx阿.数字和字母怎么会打错呢- -.
2016-06-16
已采纳回答 / 哈尼露易丝
UI即User Interface（用户界面）的简称。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI还有其它的意义，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。简单理解就是用户界面
2016-06-16
已采纳回答 / 19931019a
margin不对 left 和 right的div 的position 是绝对的 不属于文档流， 然后 main 就是从body边界开始，那么想要文字不被左右模块挡住，就要对margin如下设置： margin：0 310px 0 210px; 。 (上右下左顺时针) 310 > 300, 210 > 200 所以就能显示全部文字
2016-06-15
最新回答 / 十年wf
两种方法 ： 第一种是 给main设置高度，让foot知道main的高度是多少它也就能贴合到main下面了，第二种就是 设置margin-top：600px
2016-06-15
已采纳回答 / weibo_哆啦A梦有大口袋_0
body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px;background:#CCCCCC;}.main{height:500px;background:red;position:relative;}.left{width:200px;height:500px;background:#0000FE;position:absolute;top:0;left:0;}.right{height:500px;backgrou...
2016-06-14
.top{width:100%;background:#999;}
.main{background:red;position:relative;}
.left{background:blue;width:200px;height:200px;position:absolute;left:0;top:0;}
.right{background:green;height:200px;margin-left:210px;}
.foot{width:100%;background:pink;clear:both;}
.main{background:red;position:relative;}
.left{background:blue;width:200px;height:200px;position:absolute;left:0;top:0;}
.right{background:green;height:200px;margin-left:210px;}
.foot{width:100%;background:pink;clear:both;}
.top{ height:60px; background:#B0A6A6}
.main{ margin:0 auto; position:relative; background:#E12C2F}
.left{ width:200px; height:600px; background:#2533D4; position:absolute; top:0}
.right{ height:600px; background:#20977B; margin-left:210px}
.foot{ height:40px; background:#E8611B}
.main{ margin:0 auto; position:relative; background:#E12C2F}
.left{ width:200px; height:600px; background:#2533D4; position:absolute; top:0}
.right{ height:600px; background:#20977B; margin-left:210px}
.foot{ height:40px; background:#E8611B}