2.
资源描述:
《CSSdiv+css布局》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、3.布局(图一)(图二)(图三)要实现如图的这种布局,可以用三个并列关系的div加上样式就可以实现代码结构:Html代码1.
2.
3.
这种代码结构非常灵活,可以仅仅通过样式达到多种布局效果 图一(demo3.1.zip)的css:Html代码1. 8./*_margin-left:107px;为了ie6多出的3像素而写的hack*/
body{margin:10px;padding:0;}div{background:#ccc;}#first{float:left;width:100px;height:150px}#second{clear:left;float:left;margin-top:10px;width:100px;height:150px}#third{margin-left:110px;_marg4、in-left:107px;height:310px}/*_margin-left:107px;为了ie6多出的3像素而写的hack*/图二(demo3.2.zip)的cssHtml代码1. 5./*_margin:0 107px; 为了ie6多出的3像素而写的hack*/ body{margin:10px;padding:0;}div{background:#ccc;}#first{float:left;width:100px;height:300px}#second{float:righ
6、t;width:100px;height:300px}#third{margin:0110px;_margin:0107px;height:300px}/*_margin:0107px;为了ie6多出的3像素而写的hack*/图三(demo3.3.zip)的css和js,鼠标hover时当前模块放大比例Html代码1. 8.