小编Rim*_*Dey的帖子

我似乎无法弄清楚为什么我的信息容器div不会根据其内容调整其高度.我确实有一个浮动div,我认为它可能导致问题,但我不完全确定.我有一个链接到jsfiddle,你可以看到CSS和一些HTML,如果它有帮助.任何帮助是极大的赞赏!

这是保存float的信息容器ID的CSS和所有其他信息

    #info-container{
    position:relative;
    padding-bottom:20px;
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
    background:#6F90A2;
    min-width:1000px;
    max-width:1000px;
    clear: both;
    height:auto;
}

http://jsfiddle.net/r35K4/

即使将.gitignore文件添加到.git存储库的根目录后,我也无法使git忽略该node_modules目录.

尚未添加文件供Git跟踪.

我已经经历了早期的堆栈溢出问题,并且还尝试在第一行添加注释行,因为显然Git没有读取该文件的第一行,但它仍然无效.我也尝试使用以下命令,但没有用:

git rm --cached -r .

任何人都可以帮我吗？内容.gitignore:

#first line
node_modules/

我一直在不同的设备上测试我的网页,文本在具有更高设备像素比率的设备上显得更大(例如,iPhone).我也在Chrome模拟器上对此进行了测试:文本在DPR 1看起来很完美,并且在DPR 2上显得更加大胆.

在DPR 1

在DPR 2

有没有办法来修复或减少效果？任何帮助,将不胜感激.

HTML:

<div class="section" id="section3">
  <h1>Projects</h1>
</div>

CSS:

/*to fix safari bold font*/
h1, h2, h3, h4, h5, strong, b {
  font-weight: 400;
}

#section4 h1,#section3 h1 {
  visibility: hidden;
  position: absolute;
  font-family: Graphik-Semibold, Roboto;
  font-weight: 600;
  margin: 0;
  top: 3.7%;
}

这是最相关的代码,其余是对齐和媒体查询字体大小.

我的HTML代码中有一些表单字段以及Bootstrap下拉菜单。我希望用户选择的数字能够反映在按钮的文本上。我已经编写了以下代码，但是似乎没有用。

这是下拉菜单的HTML代码：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" value="Number of partners :" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  Number of partners :
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li id="no" value="2"><a href="#">2</a></li>
    <li id="no" value="3"><a href="#">3</a></li>
    <li id="no" value="4"><a href="#">4</a></li>
    <li id="no" value="5"><a href="#">5</a></li>
    <li id="no" value="6"><a href="#">6</a></li>
    <li id="no" value="7"><a href="#">7</a></li>
    <li id="no" value="8"><a href="#">8</a></li>
  </ul>
</div>

JavaScript：

$(".dropdown-toggle").dropdown();

$('.dropdown-toggle').on( 'click', 'a', function() {
  var text = $(this).html();
  var htmlText = text + ' <span class="caret"></span>';
  $(this).closest('.dropdown').find('.dropdown-toggle').html(htmlText);
});

编辑1：我发布我的整个代码仅供参考：

<!DOCTYPE …

我正在尝试将 material-ui 用于项目。使用时会报如下错误：

我曾尝试通过 github 存储库解决类似问题，但没有任何运气。任何人有任何想法可能是什么问题？我正在添加 package.json 文件，以防万一它的任何依赖项搞砸了。

包.json

{
  "name": "bidding",
  "version": "1.0.0",
  "description": "Testing bidding application",
  "scripts": {
    "prestart": "babel-node tools/startMessage.js",
    "start": "npm-run-all --parallel test:watch open:src lint:watch",
    "open:src": "babel-node tools/srcServer.js",
    "lint": "node_modules/.bin/esw webpack.config.* src tools",
    "lint:watch": "npm run lint -- --watch",
    "test": "mocha --reporter progress tools/testSetup.js \"src/**/*.test.js\"",
    "test:watch": "npm run test -- --watch",
    "clean-dist": "npm run remove-dist && mkdir dist",
    "remove-dist": "node_modules/.bin/rimraf ./dist",
    "build:html": "babel-node tools/buildHtml.js",
    "prebuild": "npm-run-all clean-dist test build:html",
    "build": "babel-node tools/build.js",
    "postbuild": "babel-node tools/distServer.js"
  }, …

我有一些图像作为社交媒体链接.我添加了parallax.js(http://wagerfield.github.io/parallax/)来添加视差效果,之后我无法点击我的链接.我还添加了cursor:pointer哪些在链接上悬停时无法正常工作.我试图玩position:relative,z-index但我无法解决这个问题.

在此先感谢您的帮助.

有问题的部分,右下角的社交媒体链接无法点击 - https://rimildeyjsr.github.io/spotify-circle-animation/#contact

HTML

<div class="section" id="section4">
        <h1>Contact</h1>

        <div class="group layer container-4" data-depth="0.8">
            <div class="left">
                <h3>Cheerio !</h3>
                <img src="images/emoji.png" alt="smiley with sunglasses" class="smiley">
            </div>
            <div class="right">
                <div class="group">
                    <div class="left-small">
                        <div class="rectangle"></div>
                    </div>
                    <div class="right-large">
                        <p>Hey, thanks for visiting my website.<br>
                            If you want to get in touch with<br>
                            me, shoot me an email or a<br>
                            tweet. I’m fun to talk to <br>
                            (seriously)
                        </p>
                        <div>
                            <a href="https://twitter.com/hackertronix">
                                <img src="images/fill-1.svg" …