l8l8

制作百分比页面的一些的

纯百分比页面 想要让元素居中的方法以下一些:

1 给居中元素设置一个小于百分百的宽度,然后 设置margin:0 auto;

2给居中元素的父元素设置一个position:relative; 再给子元素使用position:absolute;减去想要定位的子元素容器的一半宽度。

3给居中元素的父元素设置一个position:relative; 再给子元素使用绝对定位 position:absolute; left:0 ;right:0;top:0;bottom:0;margin:auto;垂直居中。

4给居中元素设置一个外边距;这个外边距的取值应该是父元素宽度减去子元素的宽度的一半。

5给居中元素设置一个内边距;这个内边距padding的取值应该是父元素的宽度减去子元素宽度的一半。

注:类似于有宽度的写法 只不过是用了百分比去计算。 再使用绝对定位,固定定位的时候 元素是脱离文档流的,所以在设置宽度和高度的时候我们应该考虑的是整个body的宽度的百分比和高度的百分比。

发表于 2018-03-12 12:09 人有善念天必佑之 阅读(...) 评论(...) 编辑 收藏
 

分类:

css

技术点:

相关文章:

  • 2021-06-08
  • 2021-06-27
  • 2021-07-23
  • 2021-11-24
  • 2021-07-31
  • 2021-12-16
  • 2021-04-08
  • 2021-09-09
猜你喜欢
  • 2021-07-10
  • 2022-02-28
  • 2021-04-10
  • 2022-12-23
  • 2021-12-01
  • 2022-12-23
  • 2022-01-02
相关资源
相似解决方案