填充不会在html中消失

Question

此示例基于w3schools。

我想将“nav”部分附加到标题中。红色通知部分是问题。我不知道为什么“nav”没有附加到标题。我将填充应用为0 px。谁知道如何解决问题？还是我误解了填充？谢谢你的回答。

我的html源代码如下。

//add
User user1 = new User();
user1.setAge(40);
user1.setName("bob");
user1.setPhone("123456789");

ArrayList<User> list = new ArrayList<>();
list.add(user1);

 try {
 MyApplication.dbUtils.saveAll(list);         
 } catch (DbException e) {
   e.printStackTrace();
   Log.d("TAG",e.getMessage());
 }

 //updata---1
try {
   User  users = MyApplication.dbUtils.findById(User.class,1);
   users.setAge(18);
   MyApplication.dbUtils.update(users,"age");
    } catch (DbException e) {
        e.printStackTrace();
    }


 //delete
 User user = new User();
 user.setId(3);
 try {
     MyApplication.dbUtils.delete(user);
 } catch (DbException e) {
     e.printStackTrace();
}

//query
List<User> allUsers = MyApplication.dbUtils.findAll(Selector.from(User.class)
.where("age",">","20")
.and("age","<","50"));

Answer 1

您的导航是使用ul标记构建的，默认情况下设置了margin属性

这可以解决你的问题：

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

另外，请记住0不应该与单位一起使用（这是一个很好的做法）

Answer 2

设置margin:0;也将摆脱页脚的空间。 仅从标题中删除空格 在导航栏中设置margin-top:0;

Answer 3

重置ul margin。

nav ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}