博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两列布局——但只用右浮动
阅读量:6797 次
发布时间:2019-06-26

本文共 794 字,大约阅读时间需要 2 分钟。

通过这个实验我明白了一个知识点,做左右结构的时候,不用把左边的写上左浮动,只需要把有浮动的块放到最前边,并设置有浮动,左边的放在有浮动的下边而且不用管,这样,父元素也不用清楚浮动,左边的元素也不用左浮动,一切就依旧会和自己做左右布局的老方法一样的效果。切记,结构上,把有浮动的元素放到前边,并设置右浮动。

为了试验不用清楚浮动,我把clearfix的相关代码注销了。

上代码:

1  2  3      4         
5 6 31 32 33
34
35 36
37
38 通过这个实验我明白了一个知识点,做左右结构的时候,不用把左边的写上左浮动,只需要把有浮动的块放到最前边,并设置有浮动,左边的放在有浮动的下边而且不用管,这样,父元素也不用清楚浮动,左边的元素也不用左浮动,一切就依旧会和自己做左右布局的老方法一样的效果。切记,结构上,把有浮动的元素放到前边,并设置右浮动。39

坎坎坷坷扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩

40
非爱不可41
42
43 44

目前还没测试弊端,就看平时需要的布局效果都能实现,不浮动的左半块放块元素内联元素都可以了,以后发现问题再补充。

 

转载请注明:xing.org1^[http://www.cnblogs.com/padding1015/]

你可能感兴趣的文章
在 Linux 中设置 sudo 的十条 sudoers 实用配置
查看>>
Linux 有问必答:如何在 Linux 中永久修改 USB 设备权限
查看>>
《第三方JavaScript编程》——7.2 跨站脚本
查看>>
《师兄教你找工作——100场面试 20个offer背后的求职秘密》一导读
查看>>
为PetaPoco添加Fill方法
查看>>
哈哈,找到一种方式来简单模拟EXTJS中与服务器的AJAX交互啦。
查看>>
[WinForm]DataGridView列头右键菜单
查看>>
swing中定时启动的实现
查看>>
Spring IO Platform
查看>>
Hbase协处理器coprocessor
查看>>
json,serialize,msgpack比较
查看>>
javaweb异常提示信息统一处理(使用springmvc,附源码)
查看>>
Java同步块
查看>>
关于java字节码框架ASM的学习
查看>>
深入浅出: Java回调机制(异步)
查看>>
Fork/Join框架(六)取消任务
查看>>
高可用Hadoop平台-HBase集群搭建
查看>>
iOS开发之网络编程--使用NSURLConnection实现大文件下载
查看>>
linux安装AWStats业务数据分析工具
查看>>
【SICP练习】12 练习1.18
查看>>