Question

我试过了：

NoMethodError in Items#new 
Showing /home/group3/ITSite/app/views/items/new.html.erb where line #1 raised: 
undefined method `inventory_items_path' for #<#<Class:0x007f8b11137718>:0x007f8b10012fc8>


Extracted source (around line #1): 
    <%= form_for(@item) do |f| %>  
    <div> 
    <%= f.label :inventoryitem %><br>
    <%= f.text_area :idnumber %><br> 
    <%= f.text_area :vutag %><br>
    <%= f.text_area :fund %><br>

Rails.root: /home/group3/ITSite

Application Trace | Framework Trace | Full Trace 
app/views/items/new.html.erb:1:in `_app_views_items_new_html_erb__1490812464141641456_70117522166260'

和CSS：

<div id="fixed-navigation">...<div>

<div id="content">...<div>

请参阅：http://codepen.io/zssz/pen/LGEJOJ

但是这会将内容div的一部分隐藏在固定div之下，并且在#fixed-navigation { position: fixed; width: auto; height: 100%; background: red; overflow-y: scroll; } #content { background: yellow; }上设置任意margin-left或其他内容只会忽略#content上的变量自动宽度。

那么用什么样的CSS方法来完成这个看似简单的用例呢？（我确实希望修复固定导航，即滚动浏览内容时必须始终保持在左侧）

编辑：哦对不起，我忘了提到它应该适用于包括IE9在内的大多数实际浏览器，所以唉，不是灵活的拯救。

Answer 1

这是一个弹性框实现：

http://codepen.io/achisholm/pen/OMPBmp

基本的东西是......

html, body {
  height: 100%;
}

容器上的

display: flex，在这种情况下为body，然后是......

#fixed-navigation {
  flex: 0 0 150px;
  height: 100%;
  overflow-y: scroll;
}
#content {
  flex: 1 0 auto;
  height: 100%;
  overflow-y: scroll;
}

如何在固定div的宽度自动的同时将div放在固定到左边的div旁边？

1 个答案: