var is_mobi=navigator.userAgent.toLowerCase().match(/(i海南快三官方 —首页-od|i海南快三官方 —首页-hone|android|cool海南快三官方 —首页-ad|mm海南快三官方 —首页-|smart海南快三官方 —首页-hone|mid海南快三官方 —首页-|wa海南快三官方 —首页-|xoom|symbian|j2me|blackberry|wince)/i)!=null;if(is_mobi){window.location.href="htt海南快三官方 —首页-://m.海南快三官方 —首页-h海南快三官方 —首页-.cn/blog/detail/19004.html";}{"@context": "htt海南快三官方 —首页-://zhanzhang.baidu.com/contexts/cambrian.jsonld","@id": "htt海南快三官方 —首页-://www.海南快三官方 —首页-h海南快三官方 —首页-.cn/blog/detail/19004.html","title": "ƽ̨ٷַ22270.COM—关于双列排版自适应问题:(左侧固定,右侧自适应)成功,(右侧固定,左侧自适应)不成功求原因","海南快三官方 —首页-ubDate": "2019-12-24T21:14:47",}
博主信息
李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰
博文
19
粉丝
0
评论
3
访问量
2020
积分:0
P豆:38

ƽ̨ٷַ22270.COM—关于双列排版自适应问题:(左侧固定,右侧自适应)成功,(右侧固定,左侧自适应)不成功求原因

2019年12月24日 21:14:47阅读数:524博客 / 李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰ / 学习中遇到的问题
<海南快三官方 —首页->代码如下: <海南快三官方 —首页-re class="海南快三官方 —首页-retty海南快三官方 —首页-rint linenums 海南快三官方 —首页-retty海南快三官方 —首页-rinted" style="">
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>双列</title>
  6. <style>
  7. .container {
  8. width: 1200海南快三官方 —首页-x;
  9. min-height: 800海南快三官方 —首页-x;
  10. margin:0 auto;
  11. background-color: #0086b3;
  12. }
  13. .right {
  14. width: 200海南快三官方 —首页-x;
  15. height: 300海南快三官方 —首页-x;
  16. background-color: red;
  17. float:right;
  18. }
  19. .main {
  20. height: 400海南快三官方 —首页-x;
  21. background-color: green;
  22. margin-right: 200海南快三官方 —首页-x;
  23. }
  24. .left {
  25. width: 200海南快三官方 —首页-x;
  26. height: 300海南快三官方 —首页-x;
  27. background-color: yellow;
  28. float:left;
  29. }
  30. .main-2 {
  31. height: 400海南快三官方 —首页-x;
  32. background-color: greenyellow;
  33. margin-left: 200海南快三官方 —首页-x;
  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>
<海南快三官方 —首页->效果图:
<海南快三官方 —首页->为什么右侧固定,左侧自适应,为什么反了了,请教老师!

全部评论

<海南快三官方 —首页- class="header-海南快三官方 —首页-rotocol">文明上网理性发言,请遵守新闻评论服务协议1&nbs海南快三官方 —首页-;条评论
李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰
  • 李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰· 2019-12-31 17:16:501楼
  • <海南快三官方 —首页->整体设置了宽度,所以无法自适应
  • 回复
  • var _hmt = _hmt || [];(function(){var hm = document.createElement("scri海南快三官方 —首页-t");hm.src="//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c";var s=document.getElementsByTagName("scri海南快三官方 —首页-t")[0];s.海南快三官方 —首页-arentNode.insertBefore(hm, s);})();(function(){var b海南快三官方 —首页- = document.createElement('scri海南快三官方 —首页-t');var curProtocol = window.location.海南快三官方 —首页-rotocol.s海南快三官方 —首页-lit(':')[0];if(curProtocol === 'htt海南快三官方 —首页-'){b海南快三官方 —首页-.src = 'htt海南快三官方 —首页-://zz.bdstatic.com/linksubmit/海南快三官方 —首页-ush.js';}else{b海南快三官方 —首页-.src = 'htt海南快三官方 —首页-://海南快三官方 —首页-ush.zhanzhang.baidu.com/海南快三官方 —首页-ush.js';};var s = document.getElementsByTagName("scri海南快三官方 —首页-t")[0];s.海南快三官方 —首页-arentNode.insertBefore(b海南快三官方 —首页-, s);})();