为了可以查看到效果,建议在#sidebar 和#mainbody 中加入以下代码,预览完成后可以删除这段代码:
border:1px solid #E00;
height:200px
保存预览效果,可以发现这两个层完美的浮动,在达到了我们布局的要求,而两个层的实际宽度应该
160+2(border)+570+2=734px,已经超出了父层的宽度,由于 clear 的原因,这两个层才不会出现错位的情况,这样可以使我们布局的页面不会因为内容太长(例如图片)而导致错位。
而之后添加的 overflow:hidden 则可以使内容太长(例如图片)的部份自动被隐藏。通常我们会看到一
些网页在载入时,由于图片太大,导致布局被撑开,直到页面下载完成才恢复正常,通过添加
overflow :hidden 就可以解决这个问题。
CSS 中每一个属性运用得当,就可以解决许多问题,或许它们与你在布局的页并没有太大的关系,但 是你必须知道这些属性的作用,在遇到难题的时候,可以尝试使用这些属性去解决问题。
2015职称计算机考试书PowerPoint2007中 .. 定价:¥45 优惠价:¥42 更多书籍 | |
2015年全国职称计算机考试教材(2007模 .. 定价:¥225 优惠价:¥213 更多书籍 |