两个DIV盒子,分别配置固定CSS width、CSS height,放入过多的翰墨模式,接下来看看overflow:hidden隐藏超过跨过内容成绩,overflow:auto设置动弹条。
实例未配置overflow站点实例代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>overflow属性实例 CSS5</title> <style> .exp-a,.exp-b{ float:left; width:120px; height:110px; border:1px solid #F00} </style> </head> <body> <div class="exp-a">迎接离开CSS5网!CSS5以通俗易懂常识教授教养、 案例解析、实例树范让您轻松进修DIV+CSS组织技术手段、轻松完成xhtml 规范网页重构启示。</div> <div class="exp-b">人人可能经由CSS5主站上的悉数收费CSS教程足可 学会DIV CSS技艺,轻松完成xhtml规范网页重构开拓。</div> </body> </html>
为了看到溢出超出跨越宽度高度限度效果,配置css边框花样。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w51907.shtml