- 博客(5)
- 收藏
- 关注
RSS订阅原创 设置height=100%需要注意的点
width=100%对父元素的没有特别的要求，而height=100%则是依照父元素的height来设置自己的height的.以下代码为例子：.ul { margin: 0; padding: 0; background-color: #e2e2e2; width: 25%; height: 100%; list-style: none;
2022-01-20 16:16:02
652
原创 使用 position 来对齐元素时需注意的问题
当使用 position 来对齐元素时, 通常 <body> 元素会设置 margin 和 padding 。 这样可以避免在不同的浏览器中出现可见的差异。当使用 position 属性时，IE8 以及更早的版本存在一个问题。如果容器元素（在我们的案例中是 <div class="container">）设置了指定的宽度，并且省略了 !DOCTYPE 声明，那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 position 属性时，
2022-01-20 11:32:21
287
转载 inline-block的存在问题及解决方案
水平间隙问题：我们创建一个导航列表，并将其列表 item 设置为 inline-block，主要代码如下：<div class="nav"> <a class="nav-item" href="#">导航</a> <a class="nav-item" href="#">导航</a> <a class="nav-item" href="#">导航</a></div>.nav { ba
2022-01-20 11:02:51
503
原创 居中与对齐中的padding和line-height
设置容器上下 padding 相同实现垂直居中和使用 line-height=height 实现垂直居中仅对单行文本有效，当文本行数超过单行时：1）padding：文本仍然处于容器垂直居中的位置，但是容器的 height 会随着文本行数的增加而增大； 2）line-height=height：容器的 height 不变，line-height 是文本的行间距，文本会溢出容器显示；多行文本可使用 vertical-align: middle; 来实现元素的垂直居中，但是如果子元素的内容体积大于父元..
2022-01-20 10:11:14
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人