重新調整大小時可靠的頁面佈局

我目前在我的頁面上有兩個div，它們都是左右中間的，它們都是左側浮動的。我的問題是，當我調整頁面的大小以使其更小時，正確的div會下沉到左邊的div下，我寧願將它保持在另一個div旁邊的位置。重新調整大小時可靠的頁面佈局

什麼CSS魔術可以讓我做到這一點？（如果有的話）

2013-03-01 Sam

u能表明這小提琴..？ – Basith 2013-03-01 05:20:12

嘿SAM做了檢查發佈的答案...？ – Basith 2013-03-01 05:35:17

嗨請檢查以下相應的代碼，它-111幫助你....

<html> 
    <head> 
     <style type="text/css"> 
      #left { 
       border:1px solid red; 
       width:40%; 
       height:auto; 
       float:left; 
      } 
      #right { 
       border:1px solid blue; 
       width:40%; 
       height:auto; 
       float:left; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="left"> 
      <h1>Sample 1</h1> 
      <h1>Sample 1</h1> 
      <h1>Sample 1</h1> 
      <h1>Sample 1</h1> 
     </div> 
     <div id="right"> 
      <h1>Sample 2</h1> 
      <h1>Sample 2</h1> 
      <h1>Sample 2</h1> 
      <h1>Sample 2</h1> 
     </div> 
    </body> 
</html>

來源

2013-03-01 05:25:33 Basith

在開發流體佈局時，常見的錯誤是混合，%單位與px值。

的%大小各自可用空間，如果使用%單位尺寸佈局時，有與px或em或...

值不能有效地工作，你必須確保，你有至%，全部爲border，padding，margin。

對於這樣的佈局

<div id="left"> 
    Left 
</div> 
<div id="center"> 
    Center 
</div>

CSS，

#left, #center { float: left; } 
#left { width: 26%; padding: 2%; } 
#center { width: 66%; padding: 2%; }

來源

2013-03-01 05:22:34 Starx

還有一個不使用％尺寸的方式，因爲它們很危險;）

<div id="left">Left</div> 
<div id="center">Center</div> 
<br />

而CSS：

#left { 
    width: 100px; 
    float: left; 
} 

#center { 
    width: 100px; 
    margin: 0 auto; 
} 

br { 
    clear: both; 
}

所有最美好的祝願，

Mohammad Ali Sharpasand

來源

2013-03-01 07:17:12 Sheric

重新調整大小時可靠的頁面佈局

回答

相關問題