關(guān)于float的一些問題

科技 未結(jié) 1 841

如下圖的效果如何實(shí)現(xiàn)：

#div4{ width: 180px; height: 60px; }

<div class="wrap" id="div4"><div id="div1">容器1;</div> <div id="div2">容器2;</div> <div id="div3">容器3;</div> <p>效果3</p> </div>

1條回答
  • 沙洲
    沙洲 (樓主)
    2023-06-20 11:17

    <div style="width:180px;height:60px;position:relative;"><div style="width:90px;height:30px;float:left;background:#F00;"></div><div style="width:90px;height:30px;clear:both;float:left;background:#00F;"></div><div style="width:90px;height:30px;position:absolute;top:0;right:0;background:#0F0;"></div><p style="clear:both;text-align:center;">效果3</p></div>

    0 討論(0)
提交回復(fù)