HC-MUI 基础样式在初始化时将div进行了居中处理hcmui.css 内置样式:

div{overflow:hidden; margin:0 auto;}

所有div 的样式均使用了 margin:0 auto 且做了溢出隐藏处理!

外层布局 .HUI_Wraphcmui.css 内置样式:

.HUI_Wrap{width:100%;}

HC-MUI内置了外层包裹样式 .HUI_Wrap 默认宽度是100% 可以更好的适配各类移动设备。如果您只针对手机端开发也可以将改样式改写为:max-width:640px; min-width:320px;

推荐使用百分比进行布局!

块状元素左浮动

使用.HUI_FL可以将块状元素进行左浮动hcmui.css 内置样式:

.HUI_FL{float:left !important;}

块状元素右浮动

使用.HUI_FR可以将块状元素进行右浮动hcmui.css 内置样式:

.HUI_FR{float:right !important;}

样机源代码

HC-MUI 最轻做好的移动端HTML5框架

html div右下浮动,div 初始化及左右浮动相关推荐

  1. 浮动div 内部元素 垂直居中

    浮动div 内部元素 垂直居中 在内部放个div  2,要居中元素放进去 div 2{ height: 50px; line-height: 50px; display: table-cell; ve ...

  2. 可关闭的浮动div示例

    页面效果 示例(黄色框)为可以关闭的浮动div 可以在里面添加<span>, <button>等,灵活实现想要的效果 源码 <html><head>&l ...

  3. js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置?,css,前端 - phpStudy...

    父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构 如图img加上float 子元素div显示正常. 不加float div显 ...

  4. html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)...

    浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...

  5. DIV+CSS布局概述、属性(浮动、定位等)、布局类型、常见布局技巧

    文章目录 布局概述 网页布局 页面元素定位机制 布局常用属性 浮动属性(float) 清除属性(clear) 定位属性(position) 溢出属性(overflow) 层叠属性(Z-index) 布 ...

  6. 轻松学DIV教程(div+css布局)

    我爱棒棒糖! 你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理.在你考虑你的页面整体表现效果前,你应当先考虑内容的语 ...

  7. css之左边div固定宽度右边div自适应布局

    为什么80%的码农都做不了架构师?>>>    0.要实现的布局的效果图是这样子的: a)外边有个大的div背景为粉红色,包住里面的div,宽度自适应,高度根据里面两个div高度最大 ...

  8. html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)

    div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈 提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...

  9. css相对位置之两个同级div下一个div相对上一个div的位置

    方式一: <div class="main">main </div> <div class="btn">靠左上角 </ ...

  10. html div 居中心,div在屏幕中水平居中 div内容居中

    网页HTML中布局DIV如何在任何不同浏览器于任何客户端移动或PC上都是水平居中的.同时如何让div内容居中(文本水平居中). 一.div屏幕中水平居中 让DIV水平居中关键CSS代码:margin: ...

最新文章

  1. Apache Hadoop 2.4.1 单节点安装
  2. OAF_开发系列11_实现OAF通过DataBoundValues动态显示表列的左右对齐
  3. 留还是走?如何做不确定时代下的最难选择
  4. HDU-3280 Equal Sum Partitions
  5. python 正则表达式 re findall 返回能匹配的字符串
  6. Devexpress Chart series 点击时获取SeriesPoint的值
  7. [转帖]升级 Ubuntu,解决登录时提示有软件包可以更新的问题
  8. sql语句截断_SQL Server中SQL截断和SQL删除语句之间的区别
  9. linux mysql c语言 api_linux连接MySQL数据库(C语言 API 分析,动态插入修改数据)
  10. 写得蛮好的linux学习笔记五-认识SHELL(收藏)
  11. 九、SpringBoot——默认错误页面错误页面定制
  12. 《杂记》- 之- 使用windows终端命令查看文件的MD5
  13. 进行日常记账后,怎样导出表格
  14. iTOP-4418开发板Android7.1系统支持RFID、VGA、继电器、LOAR、CAN-RS485
  15. 天线的极化与圆极化天线
  16. php收付同分账,php微信分账功能 —— app支付
  17. 树莓派开始,玩转Linux4:具备良好的编辑器
  18. ROS中对URDF文件检查时出现的问题及解决方式
  19. Oracle 12c 读书笔记——筑梦之路
  20. 计算机cpu占用率高,计算机的CPU占用率过高时怎么办

热门文章

  1. ----流程控制-条件控制/循环控制\错误控制/程序终止控制
  2. 微波浅谈(一)更新中
  3. AD小技巧:update changes to PCB后如何调整布线
  4. GoogLeNet网络的Pytorch实现
  5. hdu4857 拓扑排序
  6. java.lang.NumberFormatException: For input string:
  7. 华为交换机基本配置命令
  8. 01.php面向对象
  9. 适配iOS10以及Xcode8
  10. [转载] Python input()函数