There’s a listing, as well as a remark area. Remark area is dealt with to the web page base. When the checklist is long, web page scroll uses.
I desire all-time low of the checklist be constantly at a specific upright range from the top of the remark area. Naturally, I can use the margin-bottom home to the significance course (which forms the checklist), yet this margin might be insufficient, if the remark area has 2 or 3 lines of message (i.e., is too expensive for established margin).
So imo it makes even more feeling to establish margin-top to the remark area rather. Nevertheless, perhaps as a result of the z-index: 1 home of the remark area, margin-top does not function either.
Right Here is the JS Container, simply in situation.
indicating {
list-style-type: none;
counter-reset: thing;
hyphens: vehicle;
font-size: calc( 0.7 em + 1.5 vw);.
}
. indicating > > li {
placement: family member;.
}
. indicating > > li:: prior to {
material: counter( thing);.
counter-increment: thing;.
placement: outright;.
top: 0;.
text-align: facility;.
margin-left: calc( -0.7 em - 2.5 vw);.
}
. meaning-word {
margin-top: 50px;.
}
. sentences {
list-style-type: none;.
padding-left: 0;.
font-size: calc( 0.7 em + 1.5 vw);.
margin-top: 30px;.
}
. sentences > > li.sentence-en {
shade: # 5d78e5;.
}
. sentences > > li.sentence-de {
margin-top: 5px;.
}
. remark {
placement: dealt with;.
base: 0;.
left: 0;.
size: 100%;.
background-color: #fdf 1d1;.
shade: #f 92504;.
font-size: calc( 0.5 em + 2vw);.
margin: 0;.
extra padding: 5px 4vw;.
box-sizing: border-box;.
z-index: 1;.
} <.
<< html>>.
<< body>>.
<< ol course=" significance">
<> < li course=" meaning-word">> Meaning1< < ul course=" sentences">
<> < li course=" sentence-en">> Lorem Ipsum is just dummy message of the printing as well as typesetting sector. Lorem Ipsum has actually been the sector's basic dummy message since the 1500s, when an unidentified printer took a galley of kind as well as clambered it to make a kind sampling publication. It has actually endured not just 5 centuries, yet likewise the jump right into digital typesetting, continuing to be basically unmodified. It was popularised in the 1960s with the launch of Letraset sheets consisting of Lorem Ipsum flows, as well as a lot more lately with desktop computer posting software application like Aldus PageMaker consisting of variations of Lorem Ipsum<.
<< li course=" sentence-de">> As opposed to common belief, Lorem Ipsum is not just arbitrary message. It has origins in an item of timeless Latin literary works from 45 BC, making it over 2000 years of ages. Richard McClintock, a Latin teacher at Hampden-Sydney University in Virginia, searched for among the a lot more rare Latin words, consectetur, from a Lorem Ipsum flow, as well as experiencing the mentions of words in timeless literary works, found the undoubtable resource. Lorem Ipsum originates from areas 1.10.32 as well as 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Great as well as Wickedness) by Cicero, composed in 45 BC. This publication is a writing on the concept of values, preferred throughout the Renaissance. The initial line of Lorem Ipsum, "Lorem ipsum dolor rest amet.", originates from a line in area 1.10.32.<.
<.
<< li course=" meaning-word">> Meaning2< < ul course=" sentences">
<> < li course=" sentence-en">> Lorem Ipsum is just dummy message of the printing as well as typesetting sector. Lorem Ipsum has actually been the sector's basic dummy message since the 1500s, when an unidentified printer took a galley of kind as well as clambered it to make a kind sampling publication. It has actually endured not just 5 centuries, yet likewise the jump right into digital typesetting, continuing to be basically unmodified. It was popularised in the 1960s with the launch of Letraset sheets consisting of Lorem Ipsum flows, as well as a lot more lately with desktop computer posting software application like Aldus PageMaker consisting of variations of Lorem Ipsum<.
<< li course=" sentence-de">> As opposed to common belief, Lorem Ipsum is not just arbitrary message. It has origins in an item of timeless Latin literary works from 45 BC, making it over 2000 years of ages. Richard McClintock, a Latin teacher at Hampden-Sydney University in Virginia, searched for among the a lot more rare Latin words, consectetur, from a Lorem Ipsum flow, as well as experiencing the mentions of words in timeless literary works, found the undoubtable resource. Lorem Ipsum originates from areas 1.10.32 as well as 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Great as well as Wickedness) by Cicero, composed in 45 BC. This publication is a writing on the concept of values, preferred throughout the Renaissance. The initial line of Lorem Ipsum, "Lorem ipsum dolor rest amet.", originates from a line in area 1.10.32.<.
<.
<.
<< div course=" remark">
<> < p>> This is line 1 of message details.<.
<.
<.
<
