下面是一個(gè)簡(jiǎn)單的 CSS 懸浮下拉菜單示例:
```html
<div class="slideshow-container">
<div class="slideshow">
<h2>Slide 1</h2>
</div>
<div class="slideshow">
<h2>Slide 2</h2>
</div>
<div class="slideshow">
<h2>Slide 3</h2>
</div>
</div>
在 CSS 中,我們可以使用 `display: flex` 來(lái)將 `slideshow` 元素轉(zhuǎn)換為Flexbox布局,從而使得每個(gè) `slideshow` 元素都可以包含多個(gè)子元素。同時(shí),我們使用了 `flex-wrap` 屬性來(lái)使每個(gè)子元素可以無(wú)限滾動(dòng)。
我們還使用了 `margin: auto` 屬性來(lái)使下拉菜單保持水平對(duì)齊,并通過(guò) `padding` 和 `text-align` 屬性來(lái)使菜單項(xiàng)垂直居中。
通過(guò) CSS 懸浮下拉菜單,我們可以輕松地創(chuàng)建美觀(guān)且功能強(qiáng)大的下拉菜單。