在CSS中，您可以使用多種方法將元素顯示到外部，以下是一些常見(jiàn)的方法：

1、使用***定位：

***定位（absolute positioning）允許您相對(duì)于***近的已定位祖先（而不是正常的文檔流）來(lái)定位元素，如果沒(méi)有已定位的祖先元素，元素將相對(duì)于初始包含塊（通常是HTML元素）進(jìn)行定位。

```css

.element {

position: absolute;

left: 50px;

top: 100px;

}

```

2、使用相對(duì)定位：

相對(duì)定位（relative positioning）允許您相對(duì)于元素的正常位置來(lái)定位它，即使元素移動(dòng)了，其原始位置上的空間也會(huì)被保留。

```css

.element {

position: relative;

left: 50px;

top: 100px;

}

```

3、使用固定定位：

固定定位（fixed positioning）允許您將元素相對(duì)于瀏覽器窗口來(lái)定位，即使頁(yè)面滾動(dòng)，元素也會(huì)保持在相同的位置。

```css

.element {

position: fixed;

left: 50px;

top: 100px;

}

```

4、使用粘性定位：

粘性定位（sticky positioning）是一種混合相對(duì)定位和固定定位的方式，元素在滾動(dòng)到某個(gè)位置之前會(huì)按照相對(duì)定位進(jìn)行移動(dòng)，一旦到達(dá)某個(gè)位置，就會(huì)像固定定位一樣固定在那里。

```css

.element {

position: sticky;

left: 50px;

top: 100px;

}

```

5、使用浮動(dòng)：

浮動(dòng)（floating）允許您使元素浮動(dòng)到其父元素的左側(cè)或右側(cè)，其他元素會(huì)環(huán)繞它，這通常用于創(chuàng)建文字環(huán)繞圖像的效果。

```css

.element {

float: left; /* or right */

}

```

6、使用display屬性：

通過(guò)display屬性，您可以控制元素的顯示方式，例如塊級(jí)元素（block）、行內(nèi)元素（inline）或行內(nèi)塊級(jí)元素（inline-block），這有助于調(diào)整元素的布局和可見(jiàn)性。

```css

.element {

display: block; /* or inline, or inline-block */

}

```

這些方法可以幫助您根據(jù)具體的需求在CSS中控制元素的顯示位置和方式，您可以結(jié)合使用這些方法以達(dá)到所需的布局效果。