博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS中margin和position:relative的定位问题
阅读量:5776 次
发布时间:2019-06-18

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

一、代码

    

二、效果图

最左边的时候:

最后边的时候:

三、结论

  1. div不明确设置width,那么默认的为width:auto.
  2. 只有使用 margin-left+auto 定位的时候,才能使div刚好占满整个屏幕。
  3. 可以理解的在使用 margin-left+100% 的时候,div会向右边多出margin-left的距离。(因为100%是相对于其父元素而言,即当前的body)

四、问题

无法理解的是使用position:relative的时候,不管width如何设置都不能刚好占满屏幕,why?

 

转载地址:http://vehux.baihongyu.com/

你可能感兴趣的文章
Nginx 学习书单整理
查看>>
Kudu1.1.0 、 Kudu1.2.0 Kudu1.3.0的版本信息异同比较
查看>>
TCP通信实现
查看>>
session深入解读
查看>>
利用gcc的__attribute__编译属性section子项构建初始化函数表【转】
查看>>
关于SWT常用组件(按钮,复选框,单选框(Button类))
查看>>
[Android Pro] Android libdvm.so 与 libart.so
查看>>
《响应式web设计》读书笔记(四)HTML5与CSS3
查看>>
[Step By Step]SAP HANA PAL多元指数回归预测分析Multiple Exponential Regression编程实例FORECASTWITHEXPR(预测)...
查看>>
JS魔法堂:mmDeferred源码剖析
查看>>
人不成熟的六大特征
查看>>
神经网络入门指南
查看>>
Spring Boot的启动器Starter详解
查看>>
WITH (NOLOCK)
查看>>
HTAP数据库 PostgreSQL 场景与性能测试之 24 - (OLTP) 物联网 - 时序数据并发写入(含时序索引BRIN)...
查看>>
说说搜索引擎中的人工干预
查看>>
克服大数据集群的挑战
查看>>
Linux下搭建MySQL集群
查看>>
物联网将让数据中心更为复杂,但更加有趣
查看>>
传Facebook研发新功能 发布合作媒体的专门内容
查看>>