流式布局(div)
2015-10-06 01:17
218 查看
看代码说话吧!
流式布局.html
style.css
流式布局.html
<!doctype html> <html> <head> <meta charset="gb2312"> <title>流式布局</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="first">第1个div</div> <div id="second">第2个div</div> <div id="third">第3个div</div> </body> </html>
style.css
@charset "gb2312"; /* CSS Document */ #first{width:100px; height:100px; background:#00F; float:left;//对象浮在左边 } #second{width:100px; height:100px; background:#030; clear:left;//不允许左边有浮动对象 } #third{width:100px; height:100px; background:#93C; float:right;//对象浮在右边 }
相关文章推荐
- [div+css]晒晒最新制作专题推广页模板
- html小技巧之td,div标签里内容不换行
- div flash firefox div层总是被flash层遮盖
- 小技巧处理div内容溢出
- 让超出DIV宽度范围的文字自动显示省略号...
- 解决div被flash挡住的设置方法
- 网页中Span和Div的区别
- DIV+CSS经常用到的属性、参数及说明
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- DIV CSS网页布局 最小高度(min-height)的妙用
- DIV border边框显示不完全问题的解决方法
- Div CSS absolute与relative的区别小结
- 图片垂直居中之姊妹 DIV垂直居中
- div scroll始终在最底部的实现代码
- div层跨越iframe帧显示在上面的解决方法附代码
- JS实现点击按钮控制Div变宽、增高及调整背景色的方法
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- Javascript实现div层渐隐效果的方法
- Div Select挡住的解决办法
- js实现的八点拖动修改div大小的代码