小贝子编程

我正试图创建占用页面的全部高度.离开了



我试图创建两个<div>列，p全高度的页面。左边我试图创建两个<div>列，两个<div>都占用了页面的全部高度。我试图创建两个<div>列，两个<div>都占用了页面的全部高度。左

你应该在CSS中使用calc()

下面是一个示例代码。

<div class="container">
  <div class="fluid">
    Fluid
  </div>
  <div class="fixed">
    Fixed
  </div>
</div>
CSS

.container {
  width: 100%;
}
.fluid {
  float: left;
  background: #F8E71C;
  width: calc(100% - 200px);
}
.fixed {
  float: left;
  background: #B8E986;
  width: 200px;
}

演示:https://jsfiddle.net/0w2qjtz7/

尝试使用giving min-width &使用bootrap框架，它会给你不同的网格选项

https://getbootstrap.com/examples/grid/

相关内容

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium