博主信息
李東亞1??3????12?
博文
40
粉絲
0
評論
4
訪問量
5615
積分:0
P豆:80

新疆十一选五前二:關于雙列排版自適應問題:(左側固定,右側自適應)成功,(右側固定,左側自適應)不成功求原因

2019年12月24日 21:14:47閱讀數:630博客 / 李東亞1??3????12? / 學習中遇到的問題

新疆十一选五预测号码今天 www.envkt.com 代碼如下:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>雙列</title>
  6. <style>
  7. .container {
  8. width: 1200px;
  9. min-height: 800px;
  10. margin:0 auto;
  11. background-color: #0086b3;
  12. }
  13. .right {
  14. width: 200px;
  15. height: 300px;
  16. background-color: red;
  17. float:right;
  18. }
  19. .main {
  20. height: 400px;
  21. background-color: green;
  22. margin-right: 200px;
  23. }
  24. .left {
  25. width: 200px;
  26. height: 300px;
  27. background-color: yellow;
  28. float:left;
  29. }
  30. .main-2 {
  31. height: 400px;
  32. background-color: greenyellow;
  33. margin-left: 200px;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div class="container">
  39. <!--右側固定,左側主體自適應不成功-->
  40. <h2>右側固定,左側主體自適應不成功</h2>
  41. <div class="right">右側固定</div>
  42. <div class="main">左側主體自適應</div>
  43. <!-- 左側固定,右側主體自適成功-->
  44. <h2>左側固定,右側主體自適成功</h2>
  45. <div class="left">左側固定</div>
  46. <div class="main-2">右側主題自適應</div>
  47. </div>
  48. </body>
  49. </html>

效果圖:

為什么右側固定,左側自適應,為什么反了了,請教老師!

全部評論

文明上網理性發言,請遵守新聞評論服務協議

條評論
李東亞1??3????12?
  • 李東亞1??3????12?· 2019-12-31 17:16:501樓
  • 整體設置了寬度,所以無法自適應

  • 回復