CSS是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言，可以讓網(wǎng)頁(yè)的外觀和布局更加個(gè)性化。在CSS中，可以通過(guò)選擇器和屬性來(lái)控制網(wǎng)頁(yè)元素的樣式，包括字體、顏色、大小、位置等等。但是，如果想在CSS中同時(shí)添加圖片，卻發(fā)現(xiàn)很難控制圖片的位置和大小，這可能會(huì)導(dǎo)致圖片無(wú)法正常顯示或者過(guò)于占用頁(yè)面空間。

下面是一個(gè)簡(jiǎn)單的例子，展示如何使用CSS來(lái)控制圖片容器元素的位置和大小：

```html

<div class="container">

</div>

```css

.container {

position: relative;

width: 200px;

height: 200px;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

/* 控制圖片大小和位置 */

width: 100%;

height: auto;

在這個(gè)例子中，我們使用了CSS的`position`屬性來(lái)設(shè)置圖片容器的相對(duì)位置，并通過(guò)`absolute`屬性來(lái)設(shè)置圖片的絕對(duì)位置。我們還使用`width`和`height`屬性來(lái)控制圖片的大小，并通過(guò)`auto`屬性來(lái)設(shè)置圖片的高度可以根據(jù)寬度進(jìn)行調(diào)整。

通過(guò)這種方式，我們可以輕松地在CSS中同時(shí)添加圖片，并控制圖片的樣式。這種方法不僅可以讓網(wǎng)頁(yè)更加美觀，還可以讓網(wǎng)頁(yè)更加高效地利用空間。