在我们的网站上,我们刚刚开始使用网格系统,我们正在设计一个用于创建帐户的插件。如果我错误地使用它,网格系统会起作用,但我们需要它才能正常工作。这是代码,工作是在本地主机上完成的,所以不幸的是我没有实时链接。
<div class="container_16 iti-wordpress">
<div class="grid_16 stroke alpha omega">
<h2 class="box-header"><?php _e("Account Creation", "iti-wordpress-signup"); ?></h2>
<div class="box-body clearfix">
<div class="grid_16 prefix_1 suffix_1 alpha omega">
<form action="?action=check_account" enctype="multipart/form-data" method="post" name="iti-wordpress-signup" id="signup_form">
<div class="form_field_group mb10">
<h3><?php _e("Create a new account today", "iti-wordpress-signup"); ?></h3>
<p><?php _e("Enter birthdate below", "iti-wordpress-signup"); ?></p>
<div class="form_field small mb10">
<label for="signup_dob"><?php _e("Date of Birth", "iti-wordpress-signup"); ?></label>
<input class="input_text input_date" type="text" name="signup[dob]" id="signup_dob" />
</div>
<div class="form_field small inline">
<label for="signup_firstname"><?php _e("First Name", "iti-wordpress-signup"); ?></label>
<input class="input_text" type="text" name="signup[firstname]" id="signup_firstname" />
</div>
<div class="form_field small inline">
<label for="signup_surname"><?php _e("Last Name", "iti-wordpress-signup"); ?></label>
<input class="input_text" type="text" name="signup[surname]" id="signup_surname" />
</div>
<p class="clearfix">
<input class="flat-button right medium-width" type="submit" value="<?php _e("Submit", "iti-wordpress-signup"); ?>" />
</p>
<div class="clearfix"></div>
</div>
</form>
</div>
</div>
</div>
</div>
发生的事情是grid_14应该是820,而当我使用prefix_1和suffix_1时它会缩小。有没有人有任何关于为什么会这样的想法?这是CSS,HTML和PHP的混合。网格14在那里但是后缀和前缀正在拉入网格14而不是允许grid_14在其之前声明的940px网格16内浮动。