三栏式布局
来源:互联网 发布:java看什么书好 编辑:程序博客网 时间:2024/06/03 09:15
就是写这样一个布局:
代码如下:
HTML:
CSS:
在写完之后我还有一个疑惑,或者说我写的过程中发生的一个问题。
可以看一下HTML代码,
我在对div进行排序的时候,顺序是:left,right,center。
当我按这样的顺序运行网页的时候,网页是正常的,如图一。
但是,如果我按照:left,center,right,这个顺序来写的话,就会发生这样的事:
我有想过是浮动的原因,但是我给添加的取消浮动之后,并没有反映。
这个问题困扰了我一天,还是没有解决,先放这里,后面如果知道了是怎么回事,再过来改。
朋友帮我在另外一篇文章里找到了答案,
就是说,用float来实现三栏式布局时,由于HTML自身是流式布局,center占据文档刘的位置,所以要放在最后面。
使用absolute就不不用如此。
阅读全文
0 0
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 三栏式布局
- 浅谈两栏式布局+三栏式布局(自适应)
- div+css三栏式布局
- 如何实现三栏式布局
- CSS实现三栏式布局
- CSS三栏式布局
- CSS三栏式布局
- 任务三:三栏式布局
- 三栏式布局中的tips
- css三栏式布局
- mysql中的concat函数
- 主席树详解
- PAT 1050螺旋矩阵
- C++内存管理
- easyui datagrid分页
- 三栏式布局
- 关于支付宝支付的那点小事了,自己研究了一下。有兴趣的看看吧(1)
- Rank of Tetris (hdu 1811 拓扑排序)
- centos安装openssl-devel
- HPU2017-sort+结构体练习
- hadoop相关 mapreduce 相关
- Java--动态代理
- 安装KVM虚拟机
- Android6.0动态权限的封装