2014-09-19 2 views
0

У меня есть 3 раздела внутри статьи, у меня есть первые 2 бок о бок со скоростью 40% каждая. Один поплавок левый, а другой правый. Я не могу получить идентификатор третьего раздела: интересы, чтобы быть центрированным ниже 2. Я хочу, чтобы некоторый край поля имел некоторое пространство. Также, когда я минимизирую экран, он также падает в нижний колонтитул. Любые предложения, благодаряКак разместить определенные разделы в пределах статьи

http://jsfiddle.net/sy8o4vbt/

#interests { 
    width: 90%; 
    border: thin solid #000000; 
    margin-right: auto; 
    float: none; 
    padding-top: 5px; 
    padding-right: 5px; 
    padding-bottom: 5px; 
    padding-left: 5px; 
    clear: right; 
    margin-top: 103px; 
    margin-left: auto; 
} 
+0

Вы должны 'ясно: как,' для начала, но в остальном это как вы описали для меня! Вам нужно поставить 'margin-bottom' на один (или оба) из двух боковых элементов. – worldofjr

+0

Спасибо ... это, кажется, помогает ... Как я могу удержать нижнюю часть от работы до нижнего колонтитула, когда размер экрана минимизируется? – user55555

+0

Я не могу воспроизвести это, но вам может потребоваться установить нижний колонтитул абсолютным (и 'bottom: 0') и убедиться, что на нижнем элементе достаточно прокладки, чтобы он не перекрывался. – worldofjr

ответ

-1

исправил с соответствующими CSS:

#interests { 
    width: 100%; 
    margin-top: 20px; 
} 

#interest_inner_div{ 
    width: 60%; 
    border: 1px solid; 
    margin: 10px auto; 
} 

JSFiddle Ссылка http://jsfiddle.net/7mzp80gg/

+0

Обратите внимание, что это всего лишь один из миллионов способов его устранения. –

+0

Пожалуйста, дайте мне знать, почему его голос проголосовали, так что я кулачок улучшить или исправить свой ответ. –

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