<div>是HTML中的一個重要元素，用于創建一個包含塊。在CSS中，我們可以利用<div>元素來實現多種樣式和布局。而baidumap是百度地圖的一個API，可以實現地圖顯示、標注和交互等功能。本文將介紹如何使用CSS和<div>元素以及baidumap API來創建一個簡單的地圖顯示頁面。
，我們可以使用CSS來定義<div>元素的樣式。如下所示，我們給<div>元素設置一個固定的寬度和高度，并指定背景顏色為白色。

div {
width: 500px;
height: 500px;
background-color: #ffffff;
}

接下來，我們可以在<div>元素中插入一個<baidumap>元素來顯示地圖。通過調用baidumap API，我們可以指定地圖的中心點、縮放級別和樣式等屬性。下面是一個簡單的示例代碼：

<div>
<baidumap id="map" center="北京市" zoom="12"></baidumap>
</div>

在上面的代碼中，我們給<baidumap>元素設置了一個id屬性為"map"，這樣我們就可以在CSS中通過id選擇器來定位這個元素，進而對地圖進行樣式設置。同時，我們指定了北京市為地圖的中心點，縮放級別為12。這樣，在瀏覽器頁面中加載地圖時，地圖將自動以指定的中心點為中心顯示，并設置縮放級別為12。
除了上面的地圖顯示功能，baidumap API還提供了許多其他的功能和交互方式。我們可以通過調用相應的API函數來實現地圖的標注、測距、搜索位置等功能。下面是一個示例代碼，用于在地圖上添加一個標注：

<div>
<baidumap id="map" center="北京市" zoom="12"></baidumap>
<script>
// 創建地圖實例
var map = new BMap.Map("map");
// 創建點坐標
var point = new BMap.Point(116.404, 39.915);
// 創建標注對象并添加到地圖中
var marker = new BMap.Marker(point);
map.addOverlay(marker);
</script>
</div>

在上面的代碼中，我們創建了一個地圖實例，并通過指定id選擇器"map"來將地圖顯示在頁面中。然后，我們創建了一個點坐標，并在該點上添加了一個標注。最后，通過調用map.addOverlay函數將標注添加到地圖中。
通過上述簡單的代碼示例，我們可以看到如何使用CSS的<div>元素和baidumap API來創建一個簡單的地圖顯示頁面。通過進一步的學習和實踐，我們還可以了解更多的CSS和baidumap API的功能和用法，實現更豐富、個性化的地圖顯示頁面。