열 내부의 절대 위치

파세 커

3 열 본문으로 구성된 페이지가 있습니다. 첫 번째와 세 번째 열에는 버튼이 있습니다. 나는 그들을 올바르게 배치하려고 노력합니다.

특히 페이지 하단 (바닥 글 근처)에 표시되어야하는 첫 번째 열의 버튼에 문제가 있습니다.

하지만 제가 사용한 스타일은 효과가 없습니다. 열이 비어 있고 위치가 높이에 비례하여 작동하기 때문에 발생한다고 가정합니다. 나는 height: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>

그래서 지금 내 솔루션은 첫 번째 열에 많은 텍스트를 넣을 때만 작동합니다. 그러면 Up 버튼이 바닥 글 근처에 있습니다. 하지만 텍스트 없이는 위로 올라갑니다 ..

편집 : 두 버튼을 모두 본문에 바로 넣어 문제를 해결할 수 있었지만 해당 열에 남아있을 수있는 솔루션이 있다면 알고 싶습니다. 사진에서 위쪽 버튼은 바닥 글 옆에 있고 아래쪽 버튼은 머리글 근처에 있습니다.업 버튼아래로 버튼

편집 : 제안 된 솔루션이있는 코드 :

     <!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>
그물

당신의 스타일을 이것으로 바꾸십시오. 출력은 귀하가 찾고있는 결과 일 수 있습니다.

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

위치를 절대에서 고정으로 변경하고 위치에 대해 다른 값을 읽으려고합니다. CSS 레이아웃-위치 속성

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

상대 위치 내부의 절대 위치?

분류에서Dev

위치 : 절대 새 열

분류에서Dev

절대 위치 요소 내부의 고정 위치 요소

분류에서Dev

절대 위치 내부의 위치 요소

분류에서Dev

상위 절대 Z- 색인 내부 절대 하위 위치

분류에서Dev

절대 위치 요소를 포함하는 4 개의 열

분류에서Dev

절대 위치 요소를 포함하는 4 개의 열

분류에서Dev

IFC의 절대 벽 위치

분류에서Dev

그리드 내부의 Material-UI 절대 위치

분류에서Dev

절대 div 아래의 뷰 내부 위치 div

분류에서Dev

div 외부의 절대 위치 지정

분류에서Dev

절대 위치 요소가있는 열 사이의 예기치 않은 간격

분류에서Dev

ng-repeat 목록 내부의 요소를 겹치는 방법-위치 : 절대?

분류에서Dev

ng-repeat 목록 내부의 요소를 겹치는 방법-위치 : 절대?

분류에서Dev

위치 상대 div 내 절대?

분류에서Dev

메뉴의 절대 및 상대 위치

분류에서Dev

메뉴의 절대 및 상대 위치

분류에서Dev

위치 상대 목록 항목 내부의 절대 div 위치-클리핑 문제-IE7

분류에서Dev

상대 위치 내부의 절대 위치가 테두리를 벗어납니다.

분류에서Dev

(위치 : 절대)가있는 요소의 너비 (위치 : 상대)가있는 요소 내부

분류에서Dev

Python pandas는 문자열 내부의 특정 위치에서 문자열을 대체합니다.

분류에서Dev

PDFBox의 절대 텍스트 위치

분류에서Dev

절대 위치 요소의 너비

분류에서Dev

절대 위치 div의 Firefox overflow-y

분류에서Dev

RDLC에서 항목의 절대 위치

분류에서Dev

RDLC에서 항목의 절대 위치

분류에서Dev

위치 절대 요소의 100 % 너비

분류에서Dev

Chrome의 절대 위치 입력 필드

분류에서Dev

Elm-요소의 절대 위치

Related 관련 기사

뜨겁다태그

보관