当我的总宽度为 100vw 时,为什么会出现水平滚动条?

瑟琳

这是代码。我不知道为什么有一个水平滚动条。

<html>
<head>
</head>
<body style="width: 100vw">
<div style="float: left; width: 220px">a</div>
<div style="float: left; width: calc(100vw - 220px)">b</div>
</body>
</html>

马哈库斯

这是由于margin浏览器样式表中的默认设置

body {
  margin: 0;
}
<html>

<head>
</head>

<body style="width: 100vw">
  <div style="float: left; width: 220px">a</div>
  <div style="float: left; width: calc(100vw - 220px)">b</div>
</body>

</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

水平滚动条,宽度为100%

来自分类Dev

为什么当鼠标悬停在ScrollViewer上时,为什么我的WPF样式触发器无法仅显示水平滚动条?

来自分类Dev

出现水平滚动条,行的边距为负

来自分类Dev

宽度:100%和宽度:100vw之间的区别?

来自分类Dev

防止100vw创建水平滚动

来自分类Dev

为什么我不能并排放置2个iframe,总宽度为100%?

来自分类Dev

为什么在我的网站上显示水平滚动条?

来自分类Dev

CSS:为什么我的滚动条高度为100%?

来自分类Dev

为什么我的ScrollViewer滚动条不出现在屏幕上?

来自分类Dev

为什么会出现y:隐藏在我的flex布局中创建水平滚动条?

来自分类Dev

当“ body”设置为“ min-height:100vh”时,为什么网页显示滚动条?

来自分类Dev

为什么{{width:“ 100vw”,height:“ 100vh”}}比我的浏览器窗口大?(未应用边距:0)

来自分类Dev

为什么宽度为100vw时x轴上会有滚动?

来自分类Dev

为什么我的tkinter水平滚动条在右下角被挤压,但垂直滚动条看起来正常?

来自分类Dev

当我在body元素中将边距和填充设置为0时,为什么仍保持水平滚动条?

来自分类Dev

页眉宽度:100%导致水平滚动条

来自分类Dev

为什么我的UIScrollView水平滚动条不显示?

来自分类Dev

为什么我的页面在小屏幕上显示水平滚动条?

来自分类Dev

是什么导致我的水平滚动条

来自分类Dev

当我的div不在体外时,为什么没有滚动条出现?

来自分类Dev

内容宽度为100%,显示水平滚动条

来自分类Dev

CSS 100vw导致滚动条显示,不幸的是无法使用100%

来自分类Dev

为什么我的ScrollViewer滚动条不出现在屏幕上?

来自分类Dev

为什么我的滚动框没有出现在滚动条的顶部?

来自分类Dev

当我的宽度设置为 100% 时,为什么我的网站会横向滚动?

来自分类Dev

为什么在将 <html> 和 <body> 设置为 100% 时 JSFiddle 会显示滚动条

来自分类Dev

为什么我有一个带有 css 和 html 的水平滚动条

来自分类Dev

背景图片宽度大于100vw

来自分类Dev

1024px 容器内的 100vw 图像导致小水平滚动

Related 相关文章

  1. 1

    水平滚动条,宽度为100%

  2. 2

    为什么当鼠标悬停在ScrollViewer上时,为什么我的WPF样式触发器无法仅显示水平滚动条?

  3. 3

    出现水平滚动条,行的边距为负

  4. 4

    宽度:100%和宽度:100vw之间的区别?

  5. 5

    防止100vw创建水平滚动

  6. 6

    为什么我不能并排放置2个iframe,总宽度为100%?

  7. 7

    为什么在我的网站上显示水平滚动条?

  8. 8

    CSS:为什么我的滚动条高度为100%?

  9. 9

    为什么我的ScrollViewer滚动条不出现在屏幕上?

  10. 10

    为什么会出现y:隐藏在我的flex布局中创建水平滚动条?

  11. 11

    当“ body”设置为“ min-height:100vh”时,为什么网页显示滚动条?

  12. 12

    为什么{{width:“ 100vw”,height:“ 100vh”}}比我的浏览器窗口大?(未应用边距:0)

  13. 13

    为什么宽度为100vw时x轴上会有滚动?

  14. 14

    为什么我的tkinter水平滚动条在右下角被挤压,但垂直滚动条看起来正常?

  15. 15

    当我在body元素中将边距和填充设置为0时,为什么仍保持水平滚动条?

  16. 16

    页眉宽度:100%导致水平滚动条

  17. 17

    为什么我的UIScrollView水平滚动条不显示?

  18. 18

    为什么我的页面在小屏幕上显示水平滚动条?

  19. 19

    是什么导致我的水平滚动条

  20. 20

    当我的div不在体外时,为什么没有滚动条出现?

  21. 21

    内容宽度为100%,显示水平滚动条

  22. 22

    CSS 100vw导致滚动条显示,不幸的是无法使用100%

  23. 23

    为什么我的ScrollViewer滚动条不出现在屏幕上?

  24. 24

    为什么我的滚动框没有出现在滚动条的顶部?

  25. 25

    当我的宽度设置为 100% 时,为什么我的网站会横向滚动?

  26. 26

    为什么在将 <html> 和 <body> 设置为 100% 时 JSFiddle 会显示滚动条

  27. 27

    为什么我有一个带有 css 和 html 的水平滚动条

  28. 28

    背景图片宽度大于100vw

  29. 29

    1024px 容器内的 100vw 图像导致小水平滚动

热门标签

归档