Javascript 柱内绝对位置

Javascript 柱内绝对位置,javascript,html,css,Javascript,Html,Css,我有一个由3列正文组成的页面。在第一列和第三列中有按钮。我试着正确地定位它们 特别是,我对必须显示在页面底部(靠近页脚)的第一列按钮有一个问题 但是我使用的样式没有效果。我想这是因为列是空的,并且相对于其高度定位。我试着利用身高:100%属性,但它不起作用 我应该如何解决这个问题 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example&l

我有一个由3列正文组成的页面。在第一列和第三列中有按钮。我试着正确地定位它们

特别是,我对必须显示在页面底部(靠近页脚)的第一列按钮有一个问题

但是我使用的样式没有效果。我想这是因为列是空的,并且相对于其高度定位。我试着利用
身高:100%属性,但它不起作用

我应该如何解决这个问题

     <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet"                                        href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
 html {
         position: relative;
         min-height: 100%;
      }
 body {
        margin-bottom: 20vh;
        background-color:#f2f2f2;
        }
       footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 10vh; 
       }

        footer {
           background-color: black;
           color:white;
          }  </style>
         <style>
              #upButton {position:absolute; left:0px; bottom:0px;}
         </style>

         <style>
              .col1 {height:100%;}
         </style>
</head>
 <body>
             <div id="header" class="header" align="center">
                            <h1 align="center">Some header
                            <small>some subheader</smalll>
               </div>                         
           <div class="container">
                       <div class="row">
                                 <div  class="col-md-2 col1"> 
                                                  <a id="upButton" 
                                      href="#header" class="btn btn-success" 
                                      role="button">Up
                                                   </a>
                                 </div>
                                 <div class="col-md-8">...</div>
                                 <div class="col-md-2">
                                     <a href="#f" align="right" class="btn 
                                 btn-danger" role="button">Down
                                     </a>
                                 </div>
                      </div>
          </div>  
     <footer>
         <div class="container-fluid">
            <p><a id="f">All right unreserved</a></p>
         </div>
      </footer>
</body>

引导示例
html{
位置:相对位置;
最小高度:100%;
}
身体{
边缘底部:20vh;
背景色:#F2F2;
}
页脚{
位置:绝对位置;
底部:0;
宽度:100%;
高度:10vh;
}
页脚{
背景色:黑色;
颜色:白色;
}  
#向上按钮{位置:绝对;左侧:0px;底部:0px;}
.col1{高度:100%;}
某个标题
一些副标题
...

在图片上,向上按钮位于页脚旁边,而向下按钮位于页眉附近

编辑:包含建议解决方案的代码:

     <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet"                                        href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
 html {
         position: relative;
         min-height: 100%;
      }
 body {
        margin-bottom: 20vh;
        background-color:#f2f2f2;
        }
       footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 10vh; 
       }

        footer {
           background-color: black;
           color:white;
          }  </style>


         <style>
                  #upButton {position:fixed; left:0px; bottom:100px;}
                  .col1 {height:100%;}
         </style>


</head>
 <body>
             <div id="header" class="header" align="center">
                            <h1 align="center">Some header
                            <small>some subheader</smalll>
               </div>                         
           <div class="container">
                       <div class="row">
                                 <div  class="col-md-2 col1"> 
                                                  <a id="upButton" 
                                      href="#header" class="btn btn-success" 
                                      role="button">Up
                                                   </a>
                                 </div>
                                 <div class="col-md-8">.This book must have been revolutionary when it came out in the 1930s. The language, the style, the unbashed uncaring for literary norms must have been like a fresh air of rebellion to the stifled people of the 1930s who just few decades ago were under the moral oppression of the Victorian age. The book begins with an ode to Tanya's cunt. And it continues in the same manner. The word cunt is probably the most used word in the entire book. Today it would be called vulgar, but at the time it was revolutionary and brave. Miller describes multiple women he's had sex with while living in Paris, mostly on the money of other people, or as a vagrant and homeless on the streets. Most of the women he sleeps with are prostitutes (and he goes at length discussing the different types of prostitutes), but there is also the Jewish adulteress, the Russian princess with gonorrhea, the strange french woman to whom he gives 100 francs and then takes them out of her purse after having sex with her in her house above the room of her sick mother. Chapters of lucid description of characters (mostly Miller's friends whose money he uses, at whose houses he sleeps and whose women he has sex with) and some semblance of story lines are alternated with chapters of stream-of-consciousness monologues with prophetic statements and deep insights into life and living that usually come only after a very heavy intoxication with various substances. The book finishes in a middle of an action, just like it starts. Nothing really happens throughout and there's no sustained plot or even any novel-long characters (except the author-narrator) but it does give an entertaining and fascinating view into the life of the American emigres to Paris between the two wars in a much different way than Hemingway. POSTED BY MR.B. AT 2:12 PM NO COMMENTS: THURSDAY, JULY 7, 2016 "Mount Analogue" by Rene Daumal It ends in mid-sentence in the fifth chapter. Rene Daumal died days later of tubercolosis. He was in his 36th year of his life. Peradams. Only Father Sogol (Logos, took me a while to figure it out without anyone pointing it out to me) found one and very low, below the mountain where no Peradams are usually found, but he had an epiphany about himself. The book has an extensive intro section where the future planned chapters by Daumal are explained and it is a real shame that they were not written. Or maybe the book is more effective this way? After all Gurdjieff's "Life is real only when I AM" also stops in a middle of a sentence, and some who have seen the original manuscripts say that the published version is a much smaller selection from what was available. "Mount Analogue" is a very readable and well written book, to be expected from a writer of Daumal's caliber, and although Gurdjieff's name is never explicitly mentioned - it is based on the ideas and understanding of Gurdjieff's system (not to be called "The Fourth Way", but simply the "Gurdjieff System") and contains the personal thoughts and development of a person working on themselves according to the system. The explanation on how Mount Analogue This book must have been revolutionary when it came out in the 1930s. The language, the style, the unbashed uncaring for literary norms must have been like a fresh air of rebellion to the stifled people of the 1930s who just few decades ago were under the moral oppression of the Victorian age. The book begins with an ode to Tanya's cunt. And it continues in the same manner. The word cunt is probably the most used word in the entire book. Today it would be called vulgar, but at the time it was revolutionary and brave. Miller describes multiple women he's had sex with while living in Paris, mostly on the money of other people, or as a vagrant and homeless on the streets. Most of the women he sleeps with are prostitutes (and he goes at length discussing the different types of prostitutes), but there is also the Jewish adulteress, the Russian princess with gonorrhea, the strange french woman to whom he gives 100 francs and then takes them out of her purse after having sex with her in her house above the room of her sick mother. Chapters of lucid description of characters (mostly Miller's friends whose money he uses, at whose houses he sleeps and whose women he has sex with) and some semblance of story lines are alternated with chapters of stream-of-consciousness monologues with prophetic statements and deep insights into life and living that usually come only after a very heavy intoxication with various substances. The book finishes in a middle of an action, just like it starts. Nothing really happens throughout and there's no sustained plot or even any novel-long characters (except the author-narrator) but it does give an entertaining and fascinating view into the life of the American emigres to Paris between the two wars in a much different way than Hemingway. POSTED BY MR.B. AT 2:12 PM NO COMMENTS: THURSDAY, JULY 7, 2016 "Mount Analogue" by Rene Daumal It ends in mid-sentence in the fifth chapter. Rene Daumal died days later of tubercolosis. He was in his 36th year of his life. Peradams. Only Father Sogol (Logos, took me a while to figure it out without anyone pointing it out to me) found one and very low, below the mountain where no Peradams are usually found, but he had an epiphany about himself. The book has an extensive intro section where the future planned chapters by Daumal are explained and it is a real shame that they were not written. Or maybe the book is more effective this way? After all Gurdjieff's "Life is real only when I AM" also stops in a middle of a sentence, and some who have seen the original manuscripts say that the published version is a much smaller selection from what was available. "Mount Analogue" is a very readable and well written book, to be expected from a writer of Daumal's caliber, and although Gurdjieff's name is never explicitly mentioned - it is based on the ideas and understanding of Gurdjieff's system (not to be called "The Fourth Way", but simply the "Gurdjieff System") and contains the personal thoughts and development of a person working on themselves according to the system. The explanation on how Mount Analogue would have been physically hidden from anyone for so long is definitely done by the latest science available at that period (1930s), but with today's satellites and space observation does not hold well at all, although it was probably ingenious for the time. Also getting there, getting in and discovering no new technology (based on electricity) works on the mountain is also very interesting, especially connected to Gurdjieff's notion that electricity was discovered before and is not an inexhaustible resource. Of course, Father Sogol is no one but Alexandre de (von) Saltzmann, one of the foremost Gurdjieff's students, of whom not as much is known, compared to the other students like Alexandre's wife Jeanne, and the de (von) Hartmann's. He must have been a formidable personality to have left such an impression on Daumal. This book is a gem, even in its unfinished form, or maybe because of it.This book must have been revolutionary when it came out in the 1930s. The language, the style, the unbashed uncaring for literary norms must have been like a fresh air of rebellion to the stifled people of the 1930s who just few decades ago were under the moral oppression of the Victorian age. The book begins with an ode to Tanya's cunt. And it continues in the same manner. The word cunt is probably the most used word in the entire book. Today it would be called vulgar, but at the time it was revolutionary and brave. Miller describes multiple women he's had sex with while living in Paris, mostly on the money of other people, or as a vagrant and homeless on the streets. Most of the women he sleeps with are prostitutes (and he goes at length discussing the different types of prostitutes), but there is also the Jewish adulteress, the Russian princess with gonorrhea, the strange french woman to whom he gives 100 francs and then takes them out of her purse after having sex with her in her house above the room of her sick mother. Chapters of lucid description of characters (mostly Miller's friends whose money he uses, at whose houses he sleeps and whose women he has sex with) and some semblance of story lines are alternated with chapters of stream-of-consciousness monologues with prophetic statements and deep insights into life and living that usually come only after a very heavy intoxication with various substances. The book finishes in a middle of an action, just like it starts. Nothing really happens throughout and there's no sustained plot or even any novel-long characters (except the author-narrator) but it does give an entertaining and fascinating view into the life of the American emigres to Paris between the two wars in a much different way than Hemingway. POSTED BY MR.B. AT 2:12 PM NO COMMENTS: THURSDAY, JULY 7, 2016 "Mount Analogue" by Rene Daumal It ends in mid-sentence in the fifth chapter. Rene Daumal died days later of tubercolosis. He was in his 36th year of his life. Peradams. Only Father Sogol (Logos, took me a while to figure it out without anyone pointing it out to me) found one and very low, below the mountain where no Peradams are usually found, but he had an epiphany about himself. The book has an extensive intro section where the future planned chapters by Daumal are explained and it is a real shame that they were not written. Or maybe the book is more effective this way? After all Gurdjieff's "Life is real only when I AM" also stops in a middle of a sentence, and some who have seen the original manuscripts say that the published version is a much smaller selection from what was available. "Mount Analogue" is a very readable and well written book, to be expected from a writer of Daumal's caliber, and although Gurdjieff's name is never explicitly mentioned - it is based on the ideas and understanding of Gurdjieff's system (not to be called "The Fourth Way", but simply the "Gurdjieff System") and contains the personal thoughts and development of a person working on themselves according to the system. The explanation on how Mount Analogue would have been physically hidden from anyone for so long is definitely done by the latest science available at that period (1930s), but with today's satellites and space observation does not hold well at all, although it was probably ingenious for the time. Also getting there, getting in and discovering no new technology (based on electricity) works on the mountain is also very interesting, especially connected to Gurdjieff's notion that electricity was discovered before and is not an inexhaustible resource. Of course, Father Sogol is no one but Alexandre de (von) Saltzmann, one of the foremost Gurdjieff's students, of whom not as much is known, compared to the other students like Alexandre's wife Jeanne, and the de (von) Hartmann's. He must have been a formidable personality to have left such an impression on Daumal. This book is a gem, even in its unfinished form, or maybe because of it.This book must have been revolutionary when it came out in the 1930s. The language, the style, the unbashed uncaring for literary norms must have been like a fresh air of rebellion to the stifled people of the 1930s who just few decades ago were under the moral oppression of the Victorian age. The book begins with an ode to Tanya's cunt. And it continues in the same manner. The word cunt is probably the most used word in the entire book. Today it would be called vulgar, but at the time it was revolutionary and brave. Miller describes multiple women he's had sex with while living in Paris, mostly on the money of other people, or as a vagrant and homeless on the streets. Most of the women he sleeps with are prostitutes (and he goes at length discussing the different types of prostitutes), but there is also the Jewish adulteress, the Russian princess with gonorrhea, the strange french woman to whom he gives 100 francs and then takes them out of her purse after having sex with her in her house above the room of her sick mother. Chapters of lucid description of characters (mostly Miller's friends whose money he uses, at whose houses he sleeps and whose women he has sex with) and some semblance of story lines are alternated with chapters of stream-of-consciousness monologues with prophetic statements and deep insights into life and living that usually come only after a very heavy intoxication with various substances. The book finishes in a middle of an action, just like it starts. Nothing really happens throughout and there's no sustained plot or even any novel-long characters (except the author-narrator) but it does give an entertaining and fascinating view into the life of the American emigres to Paris between the two wars in a much different way than Hemingway. POSTED BY MR.B. AT 2:12 PM NO COMMENTS: THURSDAY, JULY 7, 2016 "Mount Analogue" by Rene Daumal It ends in mid-sentence in the fifth chapter. Rene Daumal died days later of tubercolosis. He was in his 36th year of his life. Peradams. Only Father Sogol (Logos, took me a while to figure it out without anyone pointing it out to me) found one and very low, below the mountain where no Peradams are usually found, but he had an epiphany about himself. The book has an extensive intro section where the future planned chapters by Daumal are explained and it is a real shame that they were not written. Or maybe the book is more effective this way? After all Gurdjieff's "Life is real only when I AM" also stops in a middle of a sentence, and some who have seen the original manuscripts say that the published version is a much smaller selection from what was available. "Mount Analogue" is a very readable and well written book, to be expected from a writer of Daumal's caliber, and although Gurdjieff's name is never explicitly mentioned - it is based on the ideas and understanding of Gurdjieff's system (not to be called "The Fourth Way", but simply the "Gurdjieff System") and contains the personal thoughts and development of a person working on themselves according to the system. The explanation on how Mount Analogue would have been physically hidden from anyone for so long is definitely done by the latest science available at that period (1930s), but ..</div>
                                 <div class="col-md-2">
                                     <a href="#f" align="right" class="btn 
                                 btn-danger" role="button">Down
                                     </a>
                                 </div>
                      </div>
          </div>  
     <footer>
         <div class="container-fluid">
            <p><a id="f">All right unreserved</a></p>
         </div>
      </footer>
</body>
</html>

引导示例
html{
位置:相对位置;
最小高度:100%;
}
身体{
边缘底部:20vh;
背景色:#F2F2;
}
页脚{
位置:绝对位置;
底部:0;
宽度:100%;
高度:10vh;
}
页脚{
背景色:黑色;
颜色:白色;
}  
#向上按钮{位置:固定;左侧:0px;底部:100px;}
.col1{高度:100%;}
某个标题
一些副标题
这本书在20世纪30年代出版时一定是革命性的。语言,风格,对文学规范的漠不关心,对于那些几十年前还处于维多利亚时代道德压迫下的1930年代被扼杀的人们来说,一定是一种反叛的新鲜空气。这本书以一首歌颂坦娅的阴户开始。它以同样的方式继续着。cunt这个词可能是整本书中使用最多的词。今天,它会被称为粗俗,但在当时它是革命和勇敢的。米勒描述了他在巴黎生活时与多个女人发生过性关系,大多是靠别人的钱,或者是流浪街头的无家可归者。与他上床的大多数女性都是妓女(他详细讨论了不同类型的妓女),但也有犹太通奸者,患有淋病的俄罗斯公主,这位陌生的法国女人,他给了她100法郎,然后在她生病母亲房间上方的房子里与她发生性关系后,从她的钱包里取出。清晰描述人物的章节(主要是米勒的朋友,他用他们的钱,睡在他们的房子里,和他们的女人发生性关系)故事情节的某些假象与意识流独白的章节交替出现,这些独白带有预言性的陈述和对生活和生活的深刻洞察,通常只有在对各种物质极度沉醉之后才会出现。书在一个动作中间结束,就像它开始一样。自始至终都没有发生任何事情,也没有持续的情节,甚至没有长篇小说中的人物(除了作者-叙述者),但它确实以一种与海明威截然不同的方式,以一种娱乐和迷人的方式,展现了两次战争期间移居巴黎的美国移民的生活。B先生贴的。下午2:12无评论:2016年7月7日,星期四。雷内·达马尔的《模拟山》在第五章的句子中间结束。雷内·达马尔几天后死于结核。他已经36岁了。佩拉达姆斯。只有索戈尔神父(洛格斯,我花了一段时间才弄明白,没有人向我指出)在山下发现了一个非常低的地方,那里通常没有发现Peradams,但他对自己有了顿悟。这本书有一个广泛的介绍部分,在那里,Daumal未来计划的章节将被解释,而它们没有被写出来,这真是一个遗憾。或者这本书用这种方式更有效?毕竟Gurdjieff的“只有当我是真实的时候,生活才是真实的”也停留在一句话的中间,一些看过原稿的人说,出版的版本是从现有版本中选择的一个小得多的版本。《模拟山》是一本可读性很强、写得很好的书,应该出自达马尔这样一位才华横溢的作家之手,尽管古尔吉耶夫的名字从未被明确提及,但它是基于对古尔吉耶夫体系(不是所谓的“第四条道路”,而是简单的“古尔吉耶夫体系”)的想法和理解并包含个人的想法和发展的一个人工作自己根据系统。这本书在20世纪30年代出版时,对它的解释肯定是革命性的。语言、风格、对文学规范的漠不关心必须有b
<style>
  #upButton {position:fixed; left:0px; bottom:0px;}
  .col1 {height:100%;}
</style>
  <head>
     <style>
           #upButton {position:fixed; left:5px; bottom:5px;}
           .col1 { height:100%; }
     </style> 
  </head>
  <body>

       <div class="container-fluid">
                   <div class="row" style="height: 100%">
                             <div class="col-xs-2 col1"> 
                                <a id="upButton" href="#header" class="btn btn-success" role="button">Up
                                 </a>
                             </div>
                             <div class="col-xs-8">.......</div>
                             <div class="col-xs-2">
                                 <a href="#f" align="right" class="btn btn-danger" role="button">Down
                                 </a>
                             </div>
                  </div>
          </div>  

</body>
#upButton {
 align-self: flex-end
}