Что заставляет мой контейнер «текстовые поля» не придерживаться верхней части страницы, когда я прокручиваю вниз? ⇐ CSS

[Anonymous]

Я строю веб -сайт ASPX. В целях проектирования я создал одну из страниц веб -сайта в HTML/CSS. Я смог, чтобы контейнер вел себя идеально в этой среде. По мере того, как этот проект прогрессировал, команда и мне пришлось разворачиваться с использованием ASPX. Я подключил свой HTML в файл ASPX и смог заставить все выглядеть довольно идентично странице на этапе проектирования, однако, что контейнер больше не придерживается вершины. Другой член команды построил мастер сайта для веб -сайта, который состоит из боковой навигационной панели, и этот липкий контейнер, который у меня есть, находится в верхней части страницы горизонтально. У меня есть подозрение, что SiteMaster мешает этому липкому контейнеру, но я не уверен, что это то, что происходит. Существует также бэкэнд C#, который также может вмешиваться. Не уверен. Ниже я попробовал в среде ASPX. До того, как SiteMaster был добавлен/брошен в микс, это отлично работало. Но теперь с SiteMaster и его боковой панелью, которая находится рядом с моим контейнером слева, он больше не работает. Существует также C# теперь привязан к уравнению, которое разработало мой товарищ по команде, и мне интересно, может ли по какой -то причине это вызвать это? Просто нужно указать в правильном направлении, так как в игре много переменных. Br /> «TextFields» контейнер (должен придерживаться верхней части страницы при прокрутке вниз) < /h4>
Примечание. Этот контейнер не вложен в другой контейнер, кроме основного контейнер. Кроме того, ради вопроса, я не собираюсь вставлять все остальное в отношении содержания страницы, только рассматриваемый контейнер; «Недостаточно содержания страниц» не должно вызывать проблему, потому что я могу прокручивать страницу, контейнер просто не ведет себя так, как предполагается, когда вы Scrolldown. На основе отзывов я могу редактировать и добавить больше, если это необходимо. < /P>









File Information


File Number


Escrow Officer





Flash


Date Closed





Branch



Transaction Type

Residential Sale
Refinance
Other






Transaction Amount


Exception Percentage

• 
  
  
• 
  
  
• 
  
  
• 
  
  
• 
  
  

< /code>
sitemaster.css
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
.body-content {
padding: 0;
}
}
html, body {
height: 100%;
margin: 0;
font-family:'Segoe UI';
}

.navbar {
padding: 0;
background-color: #ffffff !important;
height: 80px;
width: 100%;
align-items: center;
flex-direction: row;
display: flex;
}

h1 {
margin: 0;
}

h1 img {
width: 200px;
height: 70px;
}

.wrapper {
display: flex;
height: 100%;
position: relative;
}

.sidebar {
width: 100px;
height: 1000px;
background-color: #383838;
padding: 15px;
box-sizing: border-box;
font-family: 'Segoe UI';
display: flex;
flex-direction: column;
align-items: center;
}

.sidebar h1 {
margin: 0;
padding: 10px 0;
font-size: 24px;
}

.sidebar h1 img {
width: 250px;
height: 30px;
}

.sidebar h1 a {
text-decoration: none;
color: #f31414;
}

.sidebar h1 a img {
width: 90px;
height: 90px;
}

.sidebar nav ul {
list-style-type: none;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}

.sidebar nav ul li {
margin: 10px 0;
}

.sidebar nav ul li img {
width: 80px;
height: 50px;
}

.sidebar nav ul li a {
text-decoration: none;
color: #ffffff;
}

.content {
flex-grow: 1;
box-sizing: border-box;
overflow-y: auto;
position: relative;
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... he-page-as