1. 首頁
  2. 問答
  3. 無法辦理浮動：左屬性

無法辦理浮動：左屬性

2011-10-10 102 views
0 
<!doctype html> 
<html> 
    <body> 
     <table style="float:left;margin-left:20px;width:120px"> 
      <tr><td style="background-color:#EBEBF5;">Profile Info >> </td></tr> 
      <tr><td>Entertainment</td></tr> 
      <tr><td>Sports & Fun</td></tr> 
      <tr><td>Add More </td></tr> 
     </table> 
     <table style="width:200px"> 
      <tr><td>info</td><td>Education</td><td>Work</td></tr> 
     </table> 
    </body> 
</html>

貌似這些時，最大化瀏覽器窗口無法辦理浮動：左屬性

Profile Info >> info Education Work 
Entertainment 
Sports & Fun 
Add More

然後我最小化瀏覽器窗口小高峯，現在看起來這些

 Profile Info >> 
    Entertainment 
    Sports & Fun 
    Add More 
info Education Work

信息，教育和工作正在回到底部增加更多爲什麼？爲什麼寬度屬性它不工作時，我使用float：左？我如何處理當我使用float：left屬性？

來源

2011-10-10 niko

+2

在你之前的問題中，你說你是「從互聯網上學習html」。要取得好的開始，請不要使用'

'。忘記'
'。你應該使用'
'的唯一時間是當你有實際的表格數據。 – thirtydot

回答

2

發生這種情況是因爲您正在浮動整個表格，並且「添加更多」行是主表格的一部分。如果沒有足夠的空間讓它們都適合，第二張桌子將在您看到的那裏包裹在下面。如果你不想它包裹，那麼你需要將其中包含的所有內容都包含在div中，其中包含min-width。

<div style="min-width: 400px;"> 
<!--INSERT YOUR TABLES HERE --> 
</div>

來源

2011-10-10 21:08:52

相關問題

 相關問題