css实现左边高度自适应右边高度

一时失言乱红尘 2022-04-11 14:07 523阅读 0赞

css样式：

  1. <style>
  2.         .container {
  3.             width: 960px;
  4.             height: 100%;
  5.             overflow: hidden;
  6.             margin: 0 auto;
  7.         }
  9.         .left {
  10.             height: 100%;
  11.             width: 100px;
  12.             overflow: hidden;
  13.             background: powderblue;
  14.             word-break: break-all;
  15.             padding-bottom: 9999px;
  16.             margin-bottom: -9999px;
  17.             float: left;
  18.         }
  20.         .right {
  21.             width: 100px;
  22.             float: left;
  23.             height: auto;
  24.             background: pink;
  25.             word-break: break-all;
  26.         }
  27.     </style>

html代码：

  1. <div class="container"> <section class="left"> 鹅鹅鹅曲项向天歌 </section> <section class="right"> 床前明月光，疑是地上霜，举头望明月，低头思故乡 </section> </div>

发表评论

表情：
评论列表 （有 0 条评论，523人围观）

还没有评论，来说两句吧...

相关阅读

    相关 iframe自适应高度

    [JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，

    落日映苍穹つ落日映苍穹つ/ 0 赞/ 398 阅读