Question

当我使用HTML5 <!DOCTYPE html>这段代码时，前面带有id的<div>高度超过宽度5.5像素（我的屏幕中的5.5像素会根据窗口大小而改变，但总会如此不同）。

当我删除<!DOCTYPE html>时删除它时，它具有相同的宽度。

＆＃13;

<!DOCTYPE html>
<html>
  <body>
    <div id="previous" style="background-color: gray;width: 5%;border-radius: 100%;">
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Circle_arrow_left_font_awesome.svg/240px-Circle_arrow_left_font_awesome.svg.png" alt="previous" style="width: 100%;">
    </div>
  </body>
</html>

＆＃13;

尝试重置浏览器样式（将margin和padding，...设置为0）并尝试设置width的{{1}}和height以及{{ 1}}到100％没有帮助。

Answer 1

将display: block添加到图片的样式中。默认情况下，图像以内嵌方式显示，这意味着下方的空间用于下行。

HTML5：更改页面样式

1 个答案: