css实现高度动态变化的布局

2021-06-10 07:02

阅读:515


思路:
  将粉色区域绝对定位,right值为蓝色区域的宽度,父元素相对定位,蓝色区域右浮动即可。

好处:
  这样做的好处在于,相对于用js来实现粉色区域高度的自适应,这种方法可以提高性能,我们在写效果的时候,能用css来实现的,尽量不要用js来实现。
  css在书写的时候很简单,但是css也会关系到性能的优化问题,这里随便提出几点:
    1.尽量不要使用层级选择器,
    2.不要使用元素选择器,
    3.不要使用属性选择器等。
  上述这些选择器都会影响性能问题。

代码如下:


评论


亲,登录后才可以留言!