2014-01-09 4 views
1

У меня действительно простой скрипт.Css Black Bar Space

Index.html

<!Doctype html> 
<html> 
    <title>Homepage</title> 
    <head> 
     <style> 
      #topBlackBar { 
       border-top: 50px solid #000; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="topBlackBar"/> 
    </body> 
</html> 

Я нету получил остальную часть стайлинга сделал для моей страницы, но у меня есть черная верхняя панель. Проблема в том, что между панелью инструментов и черным верхним баром имеется небольшое пустое пространство.

Вот пример

Как я мог изменить сценарий, чтобы удалить пробелы.

+0

что это :-)?! – chris

+0

Это простой сценарий. Я думал, что должен поместить атрибуты стиля на фактическую страницу html, прежде чем переместить его в таблицу стилей. Кроме того, остальная часть моего стиля еще не закончена, но мой верхний бар равен –

+0

Чтобы быть точным, в вашем коде нет скрипта, это только HTML и CSS, и ни один из них не является языком сценариев. –

ответ

0

<div id="topBlackBar"/> должно быть: <div id="topBlackBar">content</div> p.s. Где ваш образец скрипта?

4

Тело на странице обычно имеет поля и/или дополнения, назначенные ему по умолчанию. Вы можете исправить этот конкретный вопрос, добавив этот CSS стиль:

body { 
    margin:0; 
} 

Я бы рекомендовал добавить сброс CSS на странице, а также. Here is the one that I usually use, это приведет к сбросу всех значений по умолчанию, чтобы ваш стиль действительно отображался как определено.

+0

избили меня, это правильный ответ – imbask

1

Сброс отступов/Маржа, что по умолчанию на элемент тела:

body{margin:0;padding:0;} 
+0

спасибо, что это сработало. Я принимаю ваш ответ уже сейчас, но я должен ждать десять минут. –

+0

Зачем сначала принять мой ответ, а затем через две недели, когда кто-то разместит тот же самый ответ, не считаясь с моим, и примите другой? –

0

Вы можете также добавить #topBlackBar {границы: 0px; padding: 0px; }, чтобы ваше изображение не располагало лишним пространством.