div如何水平、垂直排列

主要通过float属性实现:

水平排列

<div style="float: left;width:78%;">
</div>
<div style="float: left;width: 20%;">
</div>
水平方向宽度为100%,两个div分别占据一部分,这样通过设定宽度就可以任意显示div的个数了

垂直排列

将上边width的长度改为100%,这样一行就只能显示一个div咯!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,256评论 25 709
  • 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 12,530评论 3 30
  • 11月1号,从家里拖着行李箱毅然离开,一路颠簸来到这个完全陌生的城市,吃不惯的食物,听不懂的方言,找不到的工作,让...
    十二公子阅读 1,599评论 0 0
  • 一、完成的事:上课,扇贝打卡,写作业,看书,看红楼梦,线上学习 二、反思总结: 1.今天一上午的精神状态都很不好,...
    媚儿大人阅读 472评论 3 0