题解 | #三列布局 - flex#
三列布局 - flex
https://www.nowcoder.com/practice/a2e50afb789e4f6c81d137bd5198d9c6
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } .container{ display:flex; } .left { border: 1px solid black; width: 100px; } .center { border: 1px solid black; flex:1; } .right { border: 1px solid black; width: 100px } </style> </head> <body> <section class="container"> <article class="left"><br /><br /></article> <article class="center"><br /><br /><br /></article> <article class="right"><br /><br /><br /><br /></article> </section> </body> </html>