• folat  

    • float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

      如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

    • 简单的说使用了这个属性就会使得元素脱离文档流 然后用left right none inherit 来确定元素的位置
    • 关于浮动的详细介绍http://www.w3school.com.cn/css/css_positioning_floating.asp
  • position
    • 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
    • 详细的值描述如下

转载于:https://www.cnblogs.com/chongyao/p/6519247.html

关于前端样式定位的一些自己的看法相关推荐

  1. 【Web技术】1431- 总结前端主题切换的思考和现代前端样式的解决方案落地

    关于本文 来自:codercao https://juejin.cn/post/7106702604024938503 demo在线体验地址:https://hongqingcao.github.io ...

  2. web前端position定位层:absolute+relative应用

    web前端html定位层的特点: 完全脱离默认文档流,独立于立体层面的Z轴之上.和float浮动一样都脱离了默认文档流.但float元素与默认文档流之间会相互产生影响,而定位层元素则完全独立互不干扰. ...

  3. AUI_Js脚本_Jira多选下拉列表前端样式优化

    Js脚本_Jira多选下拉列表前端样式优化 标准的多选下拉列表在选择时的样式像是一个文本框平铺开来,用JS脚本优化成类似"Label"的视图效果. 实践方法: 在customfie ...

  4. 4 前端 溢出 定位 模态框 透明度 JavaScript简介

    前端 1 溢出属性overflow 标签内部的内容超出了标签自身的范围会造成内容的溢出. overflow属性规定当内部内容溢出元素框时发生的事情. overflow: visible (默认值)内容 ...

  5. 【页面无响应】Web页面经常无响应前端如何定位与优化(已解決)

    [写在前面]客户现场应用我们的系统时候,发现用着用着就出现1个页面无响应现象,给客户带来极其不好的体验,尤其是当重要工作汇报演示时,就给我看无响应,浏览器崩溃?这样对产品的发展无疑是致命的伤,那么如何 ...

  6. github打开前端样式丢失_工具资源系列之 github 上各式各样的小徽章从何而来?...

    前言 平时大家在在逛 github 时或多或少都看到过项目首页各式各样的小徽章,不知道你是否和我一样好奇这些小徽章都是哪来的呢? 首先我们先来一睹为快目前前端开发的三大主流框架: var ,看一看他们 ...

  7. 从零开始学前端:定位 --- 今天你学习了吗?(CSS:Day17)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:显示隐藏与文本溢出 - 今天你学习了吗?(CSS:Day16) 文章目录 从零开始学前端:程序猿小白也可以 ...

  8. 前端获取定位信息的方法

    方法1 通过h5 geolocation.getCurrentPosition()获取位置信息 弊端: 不能静默获取,需要客户端同意授权 需要在https协议中使用,本地文件不行 需要设备有GPS功能 ...

  9. 微信内前端H5定位方式比较

    在微信内使用定位功能,如果能借助到微信app自身的定位优势,定位才能更加精准.注意:使用定位,摄像头,声音等都需要通过https协议访问网站. 1. 使用原生接口Geolocation var opt ...

最新文章

  1. 手机验证码倒记时函数
  2. hadoop的mapReduce历史服务配置及查看
  3. 对gridview中的一些操作。
  4. AIR 配置文件(*-app.xml)说明(转)
  5. MySQL通讯协议研究3(Text模式查询)
  6. 【身份认证与控制二】分布式session共享(序列化问题)
  7. Oracle 表空间的段管理
  8. 统计在从1到n的正整数中1出现的次数
  9. InterlockedIncrement
  10. 加密芯片在水电气表行业内的应用
  11. PLC-PC communication with C#: a quick resume about data exchange libraries
  12. .NET Framework是什么
  13. packetfence 7.2网络准入部署(二)
  14. uandroidtool使用教程_apktool反编译详细使用教程_图文教程
  15. Windows Server 2008 R2 安装IIS管理器
  16. Linux下命令无法使用
  17. Use Goldengate Initial Data Load
  18. Verilog结构描述
  19. 物联网iot私有云平台搭建
  20. The inferior stopped because it received a signal from the Operating system signal name: SIGSEGV

热门文章

  1. OpenGL基础11:空间
  2. 2018ACM-ICPC徐州赛区网络赛: D. Easy Math(Min_25筛)
  3. 链路状态路由选择LS
  4. python利用pygame框架实现类似大鱼吃小鱼游戏 (松鼠吃松鼠) code from making games with python and pygame
  5. [转] PyTorch 0.4新版本 升级指南 no_grad
  6. python自定义包的发布与安装
  7. protobuf序列化协议python教程
  8. matlab2c使用c++实现matlab函数系列教程-compan函数
  9. 读《我在未来等你》有感
  10. Linux查看CPU使用率、内存使用率等