Странное пространство в дизайне HTML и CSS - от него не избавиться

Question

Странное пространство в дизайне HTML и CSS - от него не избавиться

0

Я создаю дизайн в css & html. Но ящик, который я хочу иметь на 100% ширину, оставляет уродливое пространство справа. Я понятия не имею, что это за причина.

Тег div, который я хочу иметь ширину 100%, называется # view1.

http://jsfiddle.net/zBpAE/

#view1 {
    border: 1px solid #000;
    min-height: 300px;
    padding: 0; margin: 0;

}

<div id="view1">
                    Choose the option suiting you best
            </div>

Я бы очень признателен за вашу помощь, поскольку я застрял в этой проблеме уже более часа.

user2490580 02 окт. 2013, в 19:53

Источник

2

Разместите свой HTML / CSS на jsfiddle.net
Chris 02 окт. 2013, в 16:56
2

пожалуйста, включите HTML и CSS в свой вопрос, так как данные о вставках могут быть удалены, и тогда этот вопрос не будет иметь отношения к кому-либо еще, пытающемуся найти аналогичный ответ в будущем ...
Zathrus Writer 02 окт. 2013, в 16:58
0

Не можете публиковать ссылки, поэтому не публиковать ссылки.
bzlm 02 окт. 2013, в 16:58
0

@Chris Крис - Это сделано. Спасибо.
user2490580 02 окт. 2013, в 17:04
0

Я не вижу, чтобы это происходило в JSFiddle, но из ваших первых опубликованных примеров кода я бы предположил, что это поле с 20px, которое вы дали одному из элементов div.
James Bruckner 02 окт. 2013, в 17:05
0

Я согласен с Джеймсом, я вижу это в вашем jfid, это 20px отступ, потеряйте его. Джеймс, ты должен прокрутить, тогда ты это увидишь. Мне потребовалось время, чтобы увидеть это.
Cam 02 окт. 2013, в 17:06
0

HTML-код вашего списка недействителен. Единственным дочерним элементом элемента UL является LI.
isherwood 02 окт. 2013, в 17:08
0

Если вы не хотите удалять отступы, вы можете попробовать изменить box-sizing (попробуйте padding-box или border-box ).
ajp15243 02 окт. 2013, в 17:09

Показать ещё 6 комментариев

Теги:

html

css

2 ответа

1

Ваш первый div (#first) имеет ширину: 100% и отступы: 25px..., что приводит к ширине, большей ширины окна... удаляет прописку или задает размер окна: border-box;

rafaelcastrocouto 02 окт. 2013, в 15:50

Ещё вопросы

пожалуйста, включите HTML и CSS в свой вопрос, так как данные о вставках могут быть удалены, и тогда этот вопрос не будет иметь отношения к кому-либо еще, пытающемуся найти аналогичный ответ в будущем ...
Не можете публиковать ссылки, поэтому не публиковать ссылки.
Я не вижу, чтобы это происходило в JSFiddle, но из ваших первых опубликованных примеров кода я бы предположил, что это поле с 20px, которое вы дали одному из элементов div.
Я согласен с Джеймсом, я вижу это в вашем jfid, это 20px отступ, потеряйте его. Джеймс, ты должен прокрутить, тогда ты это увидишь. Мне потребовалось время, чтобы увидеть это.
HTML-код вашего списка недействителен. Единственным дочерним элементом элемента UL является LI.
Если вы не хотите удалять отступы, вы можете попробовать изменить box-sizing (попробуйте padding-box или border-box ).

Artyom Neustroev · Accepted Answer · 2013-10-02T14-30-00.000Z

Удалите padding: 20px; от <div id='first'></div>:

#first {
        width: 100%;
        min-height: 200px;
        text-align: center;
        background: url('images/background1.png') #99307f no-repeat;
}

Чтобы уточнить, ширина не включает отступы, поэтому ваша ширина составляет 100% + 40px.
Yey! Оно работает. Спасибо большое за вашу помощь.