How does the list on the right change according to the height of the tab on the left?

what is the general idea of writing in vue?
clipboard.png

Jul.22,2021

A box height


clarify the following questions:

  1. when will the left height change?
  2. get its height when it changes
  3. the right side adjusts to this height

this should be controlled by layout and style


the simplest: a table, has no height, is divided into two columns, and then inserts content in each column, automatically realizing


the whole box height is filled according to the size on the right,
set max-height


on the left.

learn about flex layout

http://www.ruanyifeng.com/blo.


like my blog space layout, use css flex layout to control it within one screen. Content overflow can be scrolled.
something like this.
places

// main->aside + section
main{display:flex;height:100vh;}
aside{width:200px;// height:100%;}
section{flex:1;height:100%;}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb5838-48322.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb5838-48322.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?