How to remove the space between header and the page content in jquery?

问题

I would like to remove the space below the header and the first content , If you see the jsfiddle link . These is a space between the header "header" and "i'm list0" . I want to remove the space between them . So i have used

margin-top:5px;

for list, it doesn't work . so i tried for margin-bottom:-5px for header also ..It doesn;t work any case i have used.

http://jsfiddle.net/WPpfZ/25/

回答1:

There's a 15px padding, not on the header or the list, but on the content div that's around both list items. This will remove it:

.ui-content {
    padding-top: 0px;
}

回答2:

If you use:

.ui-content {
    padding-top: 0 !important;   
}

I've added the !important option just incase it's overwritten

来源：https://stackoverflow.com/questions/16880897/how-to-remove-the-space-between-header-and-the-page-content-in-jquery