我正在嘗試為自己創(chuàng)建一個(gè)在線投資組合，我有一個(gè)底部容器用于屏幕的下半部分，我想在容器的頂部放置3個(gè)按鈕。除非你調(diào)整頁(yè)面大小，否則我可以使用它。縮小頁(yè)面寬度時(shí)，按鈕將重疊。如何阻止它們重疊？我希望他們并排靠近但不重疊。

＆＃13;

＆＃13;

h1 {

margin-left: 33%;

margin-right: 33%;

text-align: center;

}

img {

width: 15%;

height: auto;

display: block;

margin-left: auto;

margin-right: auto;

}

#top,

#bottom {

position: fixed;

left: 0;

right: 0;

height: 50%;

}

#bottom {

border-top: 2px solid black;

margin-left: auto;

margin-right: auto;

display: block;

float: center;

position: fixed;

border: 2px solid black;

padding: 15px;

padding-bottom: 17px;

}

#navbuttons {

border-top: 2px solid black;

margin-left: auto;

margin-right: auto;

display: block;

float: center;

position: relative;

border: 2px solid black;

padding: 15px;

padding-bottom: 10px;

}

#resumebutton {

display: inline-block;

position: absolute;

top: 0%;

left: 33%;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border: 2px solid black;

border-radius: 20px;

padding: 5px;

background-color: #7dd7f5;

text-align: center;

}

#coverletterbutton {

display: inline-block;

position: absolute;

top: 0%;

left: 46.5%;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border: 2px solid black;

border-radius: 20px;

padding: 5px;

background-color: #7dd7f5;

text-align: center;

}

#portfoliobutton {

display: inline-block;

position: absolute;

top: 0%;

left: 62.5%;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border: 2px solid black;

border-radius: 20px;

padding: 5px;

background-color: #7dd7f5;

text-align: center;

}＆＃13;

--Name Here-- Resume and Portfolio

--Name Here--

Resume and Portfolio

ResumeCover LetterPortfolio

＆＃13;＆＃13;＆＃13;

如果我知道如何，我會(huì)提供一個(gè)例子。

謝謝

總結(jié)

以上是生活随笔為你收集整理的html使两个按钮重叠,div按钮重叠HTML的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。