我們先隨便寫一個div大小，然后在chrome瀏覽器打開，顯示效果：

#logo{border: 1px solid black;width: 1300px;height: 50px;} .top{border: blue solid 1px;width: 420px;height: 50px;float: left;} <div id="logo"><div class="top"></div><div class="top"></div><div class="top"></div></div>

可以看到，框設(shè)置小了，這個時候我們按下F12，點一下小箭頭，選擇我們要調(diào)試的組件

在右邊會出現(xiàn)框是怎么設(shè)置的，

然后我們點width,按上下鍵，調(diào)整框大小，調(diào)成我們想要的即可，再在源代碼改一下大小就可以實現(xiàn)了

總結(jié)

以上是生活随笔為你收集整理的根据F12在页面中调整div的大小的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。