• 三列布局中有两列内容固定


    Code

    在页面结构中,最外层的是main元素,其包含两个子元素,right元素浮在右侧,content浮在左侧。无论哪个发生变化,都会影响到父元素。
    right中使用的事父元素的背景,所以从视觉上,当content发生变化时,right可以自动增加背景使用content元素。
    然后再content元素中,又包含两个子元素left和center元素。当center元素的高度增加时,其父元素content的高度也随之增加。而left使用的是content的背景,所以当center发生变化时,left元素可以自动增加背景使用center元素。
    也就是说,当最内层元素发生变化时,其所有父层及更上层的元素都将受到影响而一起变动,这样也达到了当center变动时,left和right也随之变化的效果。

  • 相关阅读:
    P2464 [SDOI2008]郁闷的小J
    P2157 [SDOI2009]学校食堂
    P3201 [HNOI2009]梦幻布丁
    P2051 [AHOI2009]中国象棋
    UVA11987 Almost Union-Find
    P2577 [ZJOI2005]午餐
    洛谷 3768简单的数学题(莫比乌斯反演+杜教筛)
    LOJ#6229. 这是一道简单的数学题(莫比乌斯反演+杜教筛)
    BZOJ 4555:[TJOI2016&HEOI2016]求和(第二类斯特林数+NTT)
    BZOJ 4816[SDOI2017]数字表格(莫比乌斯反演)
  • 原文地址:https://www.cnblogs.com/ada313/p/1564218.html
Copyright © 2020-2023  润新知