div不設(shè)高度,由內(nèi)容撐開,繼承兄弟元素的高度案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style type="text/css"> .box{ width: 1000px; position: relative; } .f_cba:after{ content: ""; display: block; clear: both; } .f_fr{ height: 200px; width: 200px; float: right; background-color: red; } .lbox{ position: absolute; top:0;left: 0; width: 200px; height: 100%; background-color: skyblue; } </style> </head> <body> <div class="box f_cba"> <div class="f_fr"> </div> <div class="lbox"> </div> </div> </body> </html>
原文來自:前端div不設(shè)高度,由內(nèi)容撐開,繼承兄弟元素的高度案例-蒲公英云 (dandelioncloud.cn)
你是什么樣的人,便會遇到什么樣的人;你想遇到什么樣的人,就得先讓自己成為那樣的人。

浙公網(wǎng)安備 33010602011771號