布局/样式

flex 弹性布局
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
https://developer.mozilla.org/en-US/docs/Web/CSS/flex

布局

To position an element "fixed" relative to a parent element,
you want position:absolute on the child element, and any position mode other than the default or static on your parent element.
For example:
#parentDiv { position:relative; } #childDiv { position:absolute; left:50px; top:20px; }
This will position childDiv element 50 pixels left and 20 pixels down relative to parentDiv's position.
To position an element "fixed" relative to the window, you want position:fixed,
https://stackoverflow.com/questions/4873832/make-a-div-fill-up-the-remaining-width
https://stackoverflow.com/questions/5873565/set-width-of-a-position-fixed-div-relative-to-parent-div
flexbox布局
https://stackoverflow.com/questions/35269947/css-align-one-item-right-with-flexbox
https://flexbox.help/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
表格内外边框颜色不同,通过 "+" 选择器实现
https://stackoverflow.com/questions/5875931/using-css-to-make-tables-outer-border-color-different-from-cells-border-color