Повторная калибровка веб-страницы, вызывающая перекрытие divs

У меня проблема с моей страницей.Повторная калибровка веб-страницы, вызывающая перекрытие divs

Мои теги div на правой стороне перекрываются с моим центральным столбцом ... Я установил минимальную ширину для моего родительского тега div, но это не помогло поднять проблему.

Плюс моя панель навигации дает мне небольшую проблему .. ВЗАИМОДЕЙСТВИЕ будет подпадать под вкладку «О», когда я изменил размер моей веб-страницы. У меня есть display: block; и display: inline; в моем CSS. Он отлично работает только повторное калибрование повреждая мой веб-страницу ..

Мой макет основной ..

<body> 
    <div style="width:100%; margin-top: -18px; clear: both;"> 
     <div style="width: 100%; height: 100px; background-color: white;"> 
      <p style="padding-top: 3%;font-size:30px; font"><i>Welcome</i></p> 
     </div> 

     <div style="width: 100%; display: block; overflow: hidden; "> 
      <div><li><a href="http://www.albany.edu/" class="nav">About</a></li></div> 
      <div><li><a href="http://albany.bncollege.com/" class="nav">Books</a></li></div> 
      <div><li><a href="#AM" class="nav">Electronics</a></li></div> 
      <div><li><a href="#UA" class="nav">Apparel</a></li></div> 
      <div><li><a href="#SP" class="nav">Activities</a></li></div> 
      <div><li><a href="#SL" class="nav">Engagement</a></li></div> 
     </div> 
     <div style="float: left; background-color: white; margin-left: 80px;"> 
     </div> 
     <div id="left-col" style="clear: left;"> 
     </div> 
     <div id="central-col"> 
     </div>  
     <div id="right-col" style="text-align: center; clear: right; "> 
     </div> 
     <div id="footer"><p style="text-align: center;">KNOWLEDGE IS POWER</p> </div> 
    </div> 
</body>

источник

2013-05-08 user2360681

Было бы лучше, если бы вы дали полный код (может быть на jsfiddle), потому что трудно понять, что делают эти divs, глядя на ваш код. (Вы сделали так много из них.)

Для вашего решения, я думаю, вы должны удалить

width: 100%

из второго и третьего дел.

Вы установили margin-left на 80px, поэтому всякий раз, когда вы изменяете размер окна, у него всегда будет край 80px слева.

Кроме того, я хочу знать, использование

переполнения: скрытый;

в вашем коде.

источник

2013-05-08 04:39:40

Я добавил свойство переполнения: скрытое свойство в свою навигационную панель, думая, что это предотвратит изменение полосы при изменении размера страницы. Пытаясь научить себя, как можно лучше, тестируя и пытаясь понять, что я делаю неправильно. – user2360681

, но он опустит ваше содержимое, не так ли? сделать переполнение: авто; –

вот ссылка на мою веб-страницу http://www.albany.edu/~bk838732/SampleWeb_Killebrew.html – user2360681

Повторная калибровка веб-страницы, вызывающая перекрытие divs

ответ

Смежные вопросы