Question

我想知道你是否可以告诉我为什么我会得到一些人说这个页面没有正确居中。它似乎在页面的顶部和底部显示滚动条。如果有人有任何想法，我真的很感激。

XXX-MacBook-Pro-2:~ XXX$ gem install rails
Building native extensions.  This could take a while...
ERROR:  Error installing rails:
    ERROR: Failed to build gem native extension.

/Users/XXX/.rvm/rubies/ruby-2.2.1/bin/ruby -r ./siteconf20150923-10275-18xpyzg.rb extconf.rb
checking if the C compiler accepts ... *** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of necessary
libraries and/or headers.  Check the mkmf.log file for more details.  You may
need configuration options.

Provided configuration options:
--with-opt-dir
--without-opt-dir
--with-opt-include
--without-opt-include=${opt-dir}/include
--with-opt-lib
--without-opt-lib=${opt-dir}/lib
--with-make-prog
--without-make-prog
--srcdir=.
--curdir
--ruby=/Users/XXX/.rvm/rubies/ruby-2.2.1/bin/$(RUBY_BASE_NAME)
--help
--clean
/Users/XXX/.rvm/rubies/ruby-2.2.1/lib/ruby/2.2.0/mkmf.rb:456:in `try_do': The compiler failed to generate an executable file. (RuntimeError)
You have to install development tools first.
from /Users/XXX/.rvm/rubies/ruby-2.2.1/lib/ruby/2.2.0/mkmf.rb:571:in `block in try_compile'
from /Users/XXX/.rvm/rubies/ruby-2.2.1/lib/ruby/2.2.0/mkmf.rb:522:in `with_werror'
from /Users/XXX/.rvm/rubies/ruby-2.2.1/lib/ruby/2.2.0/mkmf.rb:571:in `try_compile'
from extconf.rb:80:in `nokogiri_try_compile'
from extconf.rb:87:in `block in add_cflags'
from /Users/XXX/.rvm/rubies/ruby-2.2.1/lib/ruby/2.2.0/mkmf.rb:619:in `with_cflags'
from extconf.rb:86:in `add_cflags'
from extconf.rb:337:in `<main>'

extconf failed, exit code 1

Gem files will remain installed in /Users/XXX/.rvm/gems/ruby-2.2.1/gems/nokogiri-1.6.6.2 for inspection.
Results logged to /Users/XXX/.rvm/gems/ruby-2.2.1/extensions/x86_64-darwin-14/2.2.0-static/nokogiri-1.6.6.2/gem_make.out

Answer 1

你的.wrap课程设置为1898px我假设你想要100％：你的<div>'s缺少结束标签，你的第二个背景颜色为白色，我想你想要展示图像，删除了颜色。也是33.3％宽度的形状，左边的形状是33.3％，以100％的形式居中。

＆＃13;

#mc_embed_signup {
    background:#fff;
    clear:left;
    font:24px Helvetica, Arial, sans-serif;
}
/* Add your own MailChimp form style overrides in your site stylesheet or in 
this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of 
your HTML file. */
 h1, h2, h3, body, html, .ow_page_container {
    color: #000000;
}
body, html {
    line-height: 1.2;
}
body, body.ow {
    background-image: url('images/');
    background-repeat:;
    background-color: #fff;
}
.maintenance_cont {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
}
html, body {
    margin: 0;
    height: 100%;
}
h1, h2, h3, body {
    font-family:"Arial", Helvetica, sans-serif;
}
.topp {
    background: #F8F8F8 url('http://gamermeld.com/ow_userfiles/themes/theme_image_76.jpg');
 background-size: 100%;
}
.second {
    
    
    width: 100%;
    height: 430px;
}
.form{
	position: absolute;
	top: 99px;
	left: 33.3%;
	width: 33.3%;
	height: 400px;
	z-index: 1000;
	text-align: center;
 }

.wrap {
    width: 100%;
    margin: 0 auto;
}

＆＃13;

<link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet"/>

<div class="wrap">
    <div class="topp">
        <div class="second">
            <div class="form">this is the form...</div>
        </div>
    </div>
</div>

＆＃13;

不以CSS为中心

1 个答案: