javascript - Padding-right 无效，请帮忙？-6ren

javascript - Padding-right 无效，请帮忙？

转载作者：太空宇宙更新时间：2023-11-04 12:04:52

24

4

这是我的 HTML 和 JS。我已经尝试将填充放在 bottomWrapper 和 topList 上，但出于某种原因，它们似乎都不适用于 padding-right。其他风格貌似没问题。没有什么是漂浮的或我所知道的任何东西。有任何想法吗？这是一个适用于 Android 的 WebView，但在这种情况下真的不重要，当我在浏览器中呈现这段代码时，我会得到相同的行为。

<html>
<head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
  // Some raw data (not necessarily accurate)
  var data = google.visualization.arrayToDataTable([
    ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
    ['2004/05',  165,      938,         522,             998,           450,      614.6],
    ['2005/06',  135,      1120,        599,             1268,          288,      682],
    ['2006/07',  157,      1167,        587,             807,           397,      623]
  ]);

  var options = {
   // title : 'Top Texters',
    legendTextStyle: { color: 'white' },
  //  titleTextStyle: { color: 'white' },
    vAxis: {
        title: "Points",
        titleTextStyle: { color: 'white' },
        textStyle:
           {color: 'white'},
    },
    hAxis: {
        title: "Month",
        titleTextStyle: { color: 'white' },
        textStyle:
            {color: 'white'},
    },
    seriesType: "bars",
    series: {5: {type: "line"}},
    backgroundColor: { fill:'transparent' }
  };

  var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
    </script>
</head>

<body style="background-color:#02071D;">

<div id="topWrapper" style="width:100%;">
    <h1 style="color: white; padding-left: 22px; margin-bottom: -28px;">Top Texters</h1>
    <div id="chart_div" style="width: 80%; height: 350px;margin:0 auto;"></div>
</div>
<div id="bottomWrapper" style="width:100%">
    <div id="topList" style="width:100%;height:200px;background-color:#FFFFFF;padding:15px;"></div>
</div>
</body>
</html>

最佳答案

div 从浏览器窗口中删除。只需给带有填充的 div 一个 box-sizing: border-box;一切都很好!

关于javascript - Padding-right 无效，请帮忙？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29459911/

24

4

0

文章推荐： c++ - 比较两个 TDateTime 变量

文章推荐： c++ - AMD GPU 的 OpenCL 时间测量问题

javascript - 屏幕截图中没有出现突出显示元素？请
我试图通过屏幕截图捕获带有突出显示的元素，但在屏幕截图中，该元素不带有突出显示。有谁知道解决办法吗？当我捕获文本时会出现突出显示:automatests@gmail.com 查看我的代码: Utili
java - 没有递归的冰雹序列(请)
大家好，我是编码的新手，我正在和一位老师一起上 Java 入门课，希望您已经了解一切。我必须对冰雹序列进行编码，它表示为: 选择一些正整数并将其命名为 n。如果 n 是偶数，则将其除以二。如果 n 是
arrays - 如果包含多个字符串，请 “this”否则 “this”
如果存在名称相同的SCOM组，则尝试制作一个请求更多信息(组ID)的脚本: function myFunction { [CmdletBinding()] Param(
android - SQLiteDatabase 在查询中需要帮助...请
我有这张表: id | CUPNAME | FRENCHNAME 1 | 2 | null 2 | null | 4 我想从非空的 CUPNAME 和 FRENCHNAME 中提
ios - iPhone 照片库应用程序需要帮助，请
我是 Collection View 的新手，想知道这是否是创建它们的最佳方式，我还想了解一些关于从哪里转到启用分页的详细 View 的建议。 #import "MarbleCollectionVie
jquery - Srobbin 页面幻灯片编辑失败。请
好的，这是非常好的 jquery slider 。 http://srobbin.com/jquery-plugins/pageslide 我所做的是 http://mbu.mn/test 问题来了。
Python，代码在命令行中工作，但在尝试创建程序时不工作，请
...有人可以解释一下区别吗？我在命令提示符下输入的内容: sys.path.append('M:/PythonMods') import qrcode myqr = qrcode.make("ra
linux - 请 bash 脚本帮助新手
我不时在我的服务器上运行 bash 脚本，我正在尝试编写一个脚本来监视日志文件夹并在文件夹超出定义的容量时压缩日志文件。我知道有更好的方法来做我目前正在尝试做的事情，非常欢迎您提出建议。下面的脚本抛出
grails - Groovy/Grails 代码清理建议，请!
我是 Groovy & Grails 的新手，我觉得事情不必那么难看……那么我怎样才能让这段代码更好看呢？这是一个 Grails Controller 类，去掉了一些无趣的部分。尽量不要太挂断我的
ETL 工具……它们究竟是做什么的？通俗地说，请
关闭。这个问题需要更多focused .它目前不接受答案。想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
sql - 我正在尝试使用左外连接进行子查询，但它给了我错误。有人可以看看吗？请
在这个查询中，除了 5 个连接表之外，我试图使用第 6 个表“Days”将值与连接中的三个表进行比较。但它给了我错误，我不能在连接中使用子查询。 select a.ID, a.Name, a.AMT,
java - 如何从 SPAN 中提取文本？请
我不想通过 Xpath 提取，我想要更清晰的代码。谢谢我的世界兄弟来自 Xpath，好的!! Assert.assertEquals("Digite um e-mail ou número de t
java - 另一个谷歌地图 v2 无法充气，请
这个问题已经有答案了: Google Map is not loading due to inflate exception (3 个回答) 已关闭 9 年前。我知道有很多关于此的帖子，但我就是无法
c - 我需要帮助解决这个 C 代码，请
我的问题.. a.) 使用内存分配创建一个 float 组来存储 GPA 分数10名学生。为其分配值(您的选择) b.) 找出该数组中的最大 GPA。 c.) 将此数组的内容写入文件 alloc.tx
mysql - Sequelize association 无法处理我的代码，请
我最近要制作 Sequelize 。我有 2 个表，data_track 和 car_detail。我想尝试关联那 2 个表，但它从未关联过。总是返回错误SequelizeEagerLoading
c# - 请 LINQ 查询帮助，对于每个作品？
我有一些代码在 LINQ 中根本无法工作的问题，但它确实可以作为一个简单的 for..each 工作。任何解释和解决方案将不胜感激。我有 3 个类，Users、User 和 UserPermissi
mysql - 关系表概念 : check my understanding, 请
我正在设计我的第一个大型数据库，并想检查我是否可以提供表关系。我正在设计一个网络应用程序，其中用户可以在团队中玩游戏每个游戏都有其类别用户为游戏创建他们的团队并选择他们的团队类别每个游戏都启
请 CSS 帮助，2 个对象拒绝留在同一行
我很抱歉成为一个 CSS 菜鸟，希望有人能指导我正确的方向。我需要帮助的网页可以在 http://filefx.com 找到当您点击该页面时，您会注意到“选择文件”图标和“上传文件”图标不在同一行
javascript - 试图将滚动条更改为箭头!没有 Bootstrap 请
我已经尝试过这个我在网上找到的演示代码练习并创建了这个 slider ，使用滚动条更容易获得它，因为它们已经是为此制作的脚本。现在我正在尝试修改此脚本及其 css，以将滚动条更改为左右两侧的箭头。我已
html - 请 CSS 帮我放置这些 div
最近我对 CSS 很感兴趣。学习不同的东西。我正在尝试像这样放置三个 div: http://i.stack.imgur.com/miN9G.png 我得到的: http://i.stack.img

首页

博学

6Ren·AI

商城

javascript - Padding-right 无效，请帮忙？