не выравнивается блок по правой стороне.
css.код
.site_content {
width: 880px;
overflow: hidden;
margin: 20 px auto 0 auto;
background-color: white;
}
.sitebar_container {
float:right;
width: 224px;
}
file:///C:/Users/Yulia/Desktop/%D0%BA%D0%B8%D0%BD%D0%BE%D0%BC%D0%BE%D1%81%D1%82%D1%80/index.html
проверьте названия классов чтобы совпадали в CSS и в HTML
классы совпадают
Юлия, код полный приложите, тогда можно будет понять где ошибки и что поправить
HTML:
<div class="site_content"></div>
<div class="sitebar_container"></div>
<div class="sitebar"></div>
<h2>Поиск</h2>
<form method="post" action="#" id="search_form">
<input type="search" name ="search_field" placeholder="ваш запрос">
<input type="submit" class="bth" value="найти"/>
css
.site_content {
width: 880px;
overflow: hidden;
margin: 20 px auto 0 auto;
background-color: white;
}
.sitebar_container {
flex-basis:right;
width: 224px;
}
насколько помню вроде тут вложенность блоков другая совсем должна быть - т.е. ьлоки друг в друге находятся, а не друг за другом как у вас
<div class="site_content">
<div class="sitebar_container">
<div class="sitebar">
<h2>Поиск</h2>
<form method="post" action="#" id="search_form">
<input type="search" name ="search_field" placeholder="ваш запрос">
<input type="submit" class="bth" value="найти"/>
</div>
</div>
</div>
Посмотрите первый урок про структура сайта - 16-й или 17й в курсе - там рассказывается про блоки на сайте, про структуру сайта - хэдер, центральная часть, правая часть, футер...
также в css должено быть вместо
flex-basis:right; => float: right;
не получаеться,все поправила как вы сказали.Ничего не поменялось
Все получилось.Спасибо
Юлия, что Вы сделали, чтоб у Вас получилось, та же проблема!
