例如，您可以在CSS文件中寫(xiě)入如下代碼來(lái)設(shè)置一個(gè)div元素的寬度myDiv width 500px 這將使得所有具有類(lèi)名為myDiv的元素都具有500像素的寬度此外，您還可以使用百分比值來(lái)設(shè)置寬度，比如設(shè)置一個(gè)元素的寬度為頁(yè)面寬度的50%這樣，元素將根據(jù)頁(yè)面的寬度自動(dòng)調(diào)整其大小通過(guò)這種方式，您可以靈活。

1直接設(shè)置選擇標(biāo)記的寬度首先，在文件中創(chuàng)建一個(gè)新的HTML文件和兩個(gè)select下拉列表 2然后在頂部的head標(biāo)記中設(shè)置樣式表首先，設(shè)置第一個(gè)選擇標(biāo)記的寬度在這里，將select1的樣式標(biāo)簽的寬度設(shè)置為300px，這是一個(gè)精確的值，并設(shè)置高度和背景色，以便查看下一步的效果3然后設(shè)置select2的寬度。

HTML和BODY元素的寬度設(shè)定為100%，同時(shí)設(shè)定minwidth為960px表示當(dāng)窗口寬度小于960px時(shí)，元素會(huì)自動(dòng)擴(kuò)展寬度以適應(yīng)內(nèi)容，但最小寬度不會(huì)小于960px運(yùn)用minwidth屬性能確保界面的填滿(mǎn)，同時(shí)在小屏幕上也能正常顯示但需留意，當(dāng)窗口寬度超過(guò)minwidth設(shè)定值時(shí)，頁(yè)面將出現(xiàn)橫向滾動(dòng)條，設(shè)計(jì)時(shí)需考慮此點(diǎn)。

HTML元素顯示在頁(yè)面中，頁(yè)面顯示在瀏覽器中，瀏覽器顯示在屏幕上這些容器的高度和寬度可以通過(guò)Js的一些對(duì)象獲得容器的大小是指當(dāng)前分辨率下的高度和寬度，而不是物理高度和寬度例如，如果22英寸顯示器的屏幕分辨率為1366*768，則獲得的屏幕高度為1366px，寬度為768pxScreenheight屏幕高度屏幕的。