您好,欢迎来到覃师宁博客!
帝国cms使用手册

网站h1标签嵌套img图片使用float:left下沉解决办法

编辑:覃师宁 来源:qinshining.com 时间:2020-12-17 阅读量: 人已围观

在网站头部页面设计中,我们通常会把网站logo图片嵌套在h1标签中,然后设置float:left左浮动,但是h1下设置左浮动会导致图片下沉,那么我们如何解决呢?

html代码:

  • <h1 class="logo"><a href=""><img src="images/logo.png" target="_blank"></h1>

css代码:

  • .logo{float:left;}

这样设置的结果就是图片下沉,这是因为没有进行h1样式重置的结果,可以针对h1重置样式就可以完美解决

  • h1{
  •     border: 0;
  •     margin: 0;
  •     outline: 0;
  •     padding: 0;
  •     vertical-align: baseline;
  • }

如果对css样式重置还不是很了解的,可查看文章:什么是css样式重置,css重置样式的目的是什么

感谢您的支持,我会继续努力的!
扫码支持
支付宝扫一扫,向我打赏
标签: css教程

相关文章

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

微信订阅号