懂div+css的指导下!
第一个问题:用记事本编辑的html,我想设置设置剧中布局,当我使用#box{margin:0 auto}的时候,在IE里无任何反应。但是在Firefox里出现了居中布局的效果,为什么?第二个问题:同样是在记事本里编辑的html,我设置浮动。有一个大盒子,里面是四个小盒子。当设置#1盒子(大盒子之内的)向左浮动时,在IE里,#2盒子会流到#1盒子的右侧显示。而在Firefox里,#2盒子位置不变,且#3盒子会覆盖在#2盒子上,为什么?第三个问题:继续上面的操作,让四个盒子都左浮动,将外层最大那个盒子设置足够的宽{没设高},背景色为红。在IE里,横向排列的四个小盒子后剩下的空间显示大盒子的背景色:红色。而Firefox却不见了大盒子的背景色,为什么?
答案:兄弟,下次打字换换行,密密麻麻好考视力。
1.居中
-------------------------------
#box{margin:0 auto;}是正确的,但只有FF等非ie内核能这样居中,ie你还得在body加句text-align:center;
完整代码:
body{text-align:center;}
#box{
margin:0 auto;
text-align:left;
/*body定义center居中,#box内容会继承,所以这里把#box里面的内容重新设置为居左对齐*/
}
2.浮动
-------------------------------
你说的现象是各浏览器解析css不一致导致的,具体原理及哪个对哪个错网上都找不到相关信息来解释说明这些问题,要追根究底的去查证这些很难。
你记住当你浮动时,大盒子里面的那几个小盒子都浮动起来就不会在不同浏览器下出问题了(并且要养成习惯浮动后必须清除浮动,另外还有个双倍浮动边的问题时不时冒出来需要你处理)
3.其实还是浮动的问题
-------------------------------
你没有清除浮动。就是问题2里面我最后写的括号里面那句话:养成习惯浮动后必须清除浮动;
你牢记,任何时候浮动了都得清理,不然页面做完了前面的浮动出些小麻烦,后门的尺寸值跟着前面错了,改起来会很费时间。清除浮动方法自己百度下。
原理:ff、op、ch等浏览器下,前面有东西浮动后不清除的话,你外面那个大div的盒模型无法被撑开,不会占据本该有的高度。
其他:一个一个来回答你 1、.newsb01_cent 代表一个css类 span代表:.newsb01_cent 下面的一个span样式 结构是这样的 <div class="newsb01_cent ">< 试一下在页面顶部加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
上一个:请问如何把这下面的html代码的效果完全用css代码表现出来,要求文字前面的小图标也随着文字的颜色变化而变
下一个:JSP用什么书好,急要学习,我要做动态网页,CSS学的已经很不错了,想学JSP不知,用什么书要好?