Не отображает стили к div в Google Chrome

@oscarvalve · Регистрация: 18.10.2015

Студворк — интернет-сервис помощи студентам

Всем привет, столкнулся с такой проблемой, что когда задаю стили к блоку <div> в css они не отображаются в Google Chrome. Обращаюсь ко всем гуру , может кто знает в чем проблема. Скрины и куски кода внизу

Проблема с блоком, которому присвоил класс "about". Он находится внизу. Верхнюю часть взял для того, чтобы вы глянули может ошибка раньше была допущена. Классы, которые идут после "about" такие как "center-block-main" (выравнивает сайт по ширине) и "clearfix" (с такими свойствами

CSS
1
2
3
4
5
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

не содержат ошибок.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
        <img class="magniflier" src="https://www.cyberforum.ru/images/4l.jpg" alt="Первый костюм">
        <div class="block4-main-content">
            <h2>КОСТЮМ ЗИМНИЙ</h2>
            <h3>АРТИКУЛ: КЗП-001</h3>
            <p>Костюм утепленный зимний.
В качестве утеплителя используется силикон. Куртка - 2 слоя 150-го силикона, полукомбинезон - 1 слой 200-го силикона, подкладка - флис.
Основное преимущество - материал мембрана бондинг и алова.
Он не промокает, не продувается ветром, хорошо держит тепло.</p>
            <p class="price-basket clearfix">
                <span class="price">$36.99</span>
                <span class="basket-btn"><a href="#"><img src="https://www.cyberforum.ru/images/ico-plus.jpg" alt="Добавить в корзину"></a></span>
            </p>
        </div>
        </article>
        
        
        </div>
</section>
 
 <div class="about center-block-main clearfix">
    <article>
        <h2>Главное от компании SKADI</h2>
        <p>Здесь будет находится главные новости, которые мы хотим донести посетителям сайта. Также информации от компании по поводу новых моделей или новой коллекции, которую они смогут просмотреть в отдельных блоках на сайте.</p> 
        
        <p>К всему этому тут может находится информация о выставках, участие в которых будет принимать текстильная компания SKADI и найлучшие пожелания для дорогих клиентов!</p>
        
        <p> Возникли вопросы, которые вы желаете обговорить не по телефону ? Тогда позвоните нам "телефон" взгляните на карту справа и приезжайте, с уважением SKADI</p>
        
    </article>
    
        </div>

И вот код css:

CSS
1
2
3
4
5
6
7
8
.about {
    margin-bottom: 60px;
 
}
    .about article{
        width: 60%;
        float: left;
}

По смыслу исходя из ксс кода класс "about" должен иметь отступ снизу в 60 пикселей, а тэг артикл с текстом должен иметь ширину 60 процентов и выровнен по левому краю. Это мы можем увидеть в прикрепленной фотографии из браузера мозила. Также есть фото как отображается в хроме. Совсем другая ситуация....Подскажите пожалуйста в чем причина может быть. Заранее благодарен

@Fedor92 · 21.12.2016, 20:48

Сообщение от oscarvalve

может кто знает в чем проблема

Может Ctrl+f5 попробовать? Иными словами кеш чистим потом проверяем...

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .