我面臨兩個問題，

首先我想控制一個單詞下的行寬，請問你能告訴我我怎樣才能達(dá)到這個效果嗎？ 在此輸入圖像描述 我試圖把文字裝飾:下劃線；但是它在整個單詞下面給出了一條線。 第二個問題，我想在一個容器上放一個容器，第一個容器有一個圖像，第二個容器有一個表單，當(dāng)我打開: tablette: 在此輸入圖像描述 它給出了預(yù)期的結(jié)果，但是當(dāng)我在瀏覽器中打開時，它給出了這樣的結(jié)果: 在此輸入圖像描述 如你所見，圖像被推到左邊。 我想要的是，我希望圖像總是顯示在屏幕的右側(cè)，就像這樣: 在此輸入圖像描述

第一個容器的css:

background: #F8F8F8;
margin-right: 40px;
padding: 35px;
position: relative;
z-index: 999;

容器的css包含圖像:

height: 350px;
position: absolute;
z-index: 1;

第一個容器的css:

background: #F8F8F8;
margin-right: 40px;
padding: 35px;
position: relative;
z-index: 999;

容器的css包含圖像:

height: 350px;
position: absolute;
z-index: 1;

首先:

HTML:

<span class="underlined-text">Creez Vorte Compe</span>

CSS:

.underlined-text {
    position: relative;
    display: inline-block;
}

.underlined-text::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    height: 2px;
    background-color: black;
    width: 100%; /* Change this to achieve what you want to achieve */
}

至于你的第二個問題，我真的不知道是什么問題，但一個可能的解決方案是指定div的寬度。這將確保div不會占用所有可用空間。