position 位置、表单
一、position 位置
1、只要使用了定位,必须有一个相对的参照物
2、具体定位的那个元素需加position:absolute;(绝对的)
绝对的:就是具体到某一个地方,特别详细的意思
使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级查找position,一直找到position为止,如果找不到就会以body为相对位置。
3、position 细说
position:relative; position:absolute;
left:100%; left:100%;
top:100%; top:100%;
*:position:relative 如果设置了值,相对原来的位置进行调整
4、二者的区别
1)、absolute会脱离标准文档流,relative不会,relative虽然给了值,但依然占据着原来的位置
2)、relative存在“形影分离”,所以一般情况下不建议添加值,一般给子元素当参照物,或者是元素的微调
3)、absolute会有一种现象,压盖现象
z-index 层次效果,可以改变元素的层叠位置,所以的标签默认的是“0”,z-index的值越大,该元素就在上方
*注:以后我们在做定位的时候,尽量保持“子绝父相”
4、补充细节
页面布局:
我们在做网页时要分清楚结构层和布局层
结构层:搭我们的页面框架
*注:我们在做网页时,不需要用浮动解决的问题,尽量不要用
使用浮动之后会使元素脱标
细节问题:
块级元素的宽度如果没有设置宽度,就是父级的宽;如果没有设置高度,根据内容而定。
二、表单
<form action="" method="post">
<input mtype="submit" value=""/>
</form>
action:提交的地址
method:提交方式
*注:method的提交方式有两种
get:是在HTTP的url上提交的不加密
post:是在HTTP中的body上提交的加密
(HTTP:超文本传输协议 是一种协议,就是客户端和服务端链接的一种协议)
最新文章
- python scipy学习-曲线拟合
- SQL Server中的窗口函数
- ****CI框架源码阅读笔记7 配置管理组件 Config.php
- 使用java连接sqlserver2008 R2/sqlserver2008
- 学习 easyui 之一:easyloader 分析与使用
- Objective-C----MRC内存管理 、 自动释放池 、 面向对象三大特性及封装 、 继承 、 组合与聚合
- Oracle——事务(Transaction)
- J2EE 读取文件路径
- 计算机原理学习(2)-- 存储器和I/O设备和总线
- 给节点设置tag【从零開始cocos3.0final 】
- ubuntu上的mysql数据库双机备份设置
- Python全栈开发第13天
- 在Spring Boot框架下使用WebSocket实现聊天功能
- [OC] 富文本 AttributedString 以及 用富文本解析html文本
- pip install
- ereg
- Winscp使用sudo user登录
- Atitit 管理的模式扁平化管理 金字塔 直线型管理 垂直管理 水平管理 矩阵式管理 网状式样管理 多头管理 双头管理
- Thread类的常用方法
- C#中的String类2
热门文章
- 利用Python3的dpkt库进行ARP扫描
- Map实现缓存
- AjaxControlToolkit没有通过WebResource.axd加载css导致ajaxToolkit:TabPanel无法显示正确的样式
- 底层并发APIs_源自objc.io
- codeforces 667C C. Reberland Linguistics(dp)
- luogu 4782【模板】 2-SAT 问题
- html&;css题
- 在Ubuntu下获取Android4.0源代码并编译(一)
- 【旧文章搬运】分析了一下360安全卫士的HOOK(二)——架构与实现
- Block 与 delegate