Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Druz
0 / 0 / 0
Регистрация: 13.12.2016
Сообщений: 34
1

Непонимание с свойством margin

23.12.2016, 00:08. Просмотров 129. Ответов 2
Метки нет (Все метки)

Есть секция на всю ширину экрана, в нем контейнер на всю ширину секции.В этом контейнере два блока, верхний, занимающий всю ширину контейнера, и нижний (50х50)px ,расположенный по центру. Так вот вопрос : я даю этому второму блоку margin-bottom , но он не двигает контейнер. Помогите )
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <title>Sfera</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
 
<body>
 
<section>
    <div class="container">
        <div class="top"></div>
        <div class="bot">
            <div class="smth"></div>
        </div>
    </div>
</section>
</body>
</html>
CSS
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
*{
        margin: 0;
        padding: 0;
    }
    body,html{
        width: 100%;    
        height: 100%;
    }
   
section,.container{
    width: 100%;
}
section{
    background:black;
}
.top{
    width: 100%;
    height:200px;
    background:red;
    margin-bottom: 50px;
}
.bot{
    width: 100%;
}
.smth{
    width:50px;
    height: 50px;
    margin: 0 auto;
    background:blue;
    margin-bottom: 50px;
}
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.12.2016, 00:08
Ответы с готовыми решениями:

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check &gt; span{ ...

Margin-top и margin-bottom в ie6 не работает
#news1 &gt; p { margin-top:15px; margin-bottom:15px; } пробовал ставить...

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
&lt;div style=&quot;margin-left: 100px&quot;&gt; &lt;div style=&quot;margin: 0 auto;&quot;&gt;&lt;a href=&quot;&quot;...

Непонимание со слайдером
Добрый вечерок. Делаю сайт - презентацию приложения. Так вот нужно сделать...

Непонимание с position: fixed
При выполнении кода: &lt;div id=&quot;up_to_top&quot;&gt;&lt;a href=&quot;#&quot;&gt;UP&lt;/a&gt;&lt;/div&gt; Из-за этой...

2
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
23.12.2016, 00:15 2
CSS
1
2
3
4
section {
  background: black;
  overflow: hidden;
}
0
Druz
0 / 0 / 0
Регистрация: 13.12.2016
Сообщений: 34
23.12.2016, 01:36  [ТС] 3
Да, помогло, но почему так получается ? Я знаю то же самое бывает с float, но там понятно из-за чего, а тут что ?
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.12.2016, 01:36

margin
Всем привет ув. Программисты помогить найти выход из решения Есть блоки ...

margin
Здравствуйте. Задаю элементу margin-bottom: 5px; margin-top: auto; ...

Margin of <td>
У меня есть вот такая вот табличка. Как сделать margin между &lt;td&gt; ноль и как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru