国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

流體顯示:兩個(gè) Div 并排排列
P粉098979048
P粉098979048 2023-08-27 12:48:00
0
2
634
<p>我正在嘗試并排放置兩個(gè) div 并使用以下 CSS。</p> <pre class="brush:css;toolbar:false;">#left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } </pre> <p>HTML 很簡單,一個(gè)包裝 div 中包含左右兩個(gè) div。</p> <pre class="brush:html;toolbar:false;"><div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> </pre> <p>我在 StackOverflow 和其他網(wǎng)站上嘗試了很多次尋找更好的方法,但找不到確切的幫助。</p> <p>所以,乍一看,代碼運(yùn)行良好。問題是,當(dāng)我增加寬度(%)時(shí),左側(cè) div 自動(dòng)獲得填充/邊距。因此,在 65% 寬度時(shí),左側(cè) div 有一些填充或邊距,并且與右側(cè) div 不完全對(duì)齊,我嘗試將填充/邊距設(shè)置為 0 但沒有成功。其次,如果我放大頁面,右側(cè) div 會(huì)滑到左側(cè) div 下方,這就像不流暢的顯示。</p> <p>注:抱歉,我查了很多資料。這個(gè)問題已被問過很多次,但這些答案對(duì)我沒有幫助。我已經(jīng)解釋了我的案例中的問題所在。</p> <p>我希望能解決這個(gè)問題。</p> <p>謝謝。</p> <p>編輯:抱歉,我的 HTML 問題,左側(cè)和右側(cè)都有兩個(gè)“box”div,它們的填充以%為單位,因此左側(cè)由于寬度較大而顯示更多填充。抱歉,上面的 CSS 工作完美,其流暢的顯示和固定,抱歉問了錯(cuò)誤的問題...</p>
P粉098979048
P粉098979048

全部回復(fù)(2)
P粉153503989

嘗試這樣的系統(tǒng):

.container {
  width: 80%;
  height: 200px;
  background: aqua;
  margin: auto;
  padding: 10px;
}

.one {
  width: 15%;
  height: 200px;
  background: red;
  float: left;
}

.two {
  margin-left: 15%;
  height: 200px;
  background: black;
}

如果您在另一個(gè) div 上使用 margin-left 等于第一個(gè) div 的寬度,則只需浮動(dòng)一個(gè) div 即可。無論縮放多少,這都可以工作,并且不會(huì)出現(xiàn)子像素問題。

P粉818317410

將此 CSS 用于我當(dāng)前的網(wǎng)站。效果完美!

#sides{
margin:0;
}
#left{
float:left;
width:75%;
overflow:hidden;
}
#right{
float:left;
width:25%;
overflow:hidden;
}
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板