我注意到有两种不同的方法来量化CSS中的布局，即百分比和像素。我知道这取决于正在使用哪一个，它会改变布局。在哪种情况下应该使用另一种情况，如果有偏好，是否有统一的标准？
答案 0 :(得分：0)
只要明确设置容器/父级的相应维度（百分比超出），就可以使用百分比大小。
一个臭名昭着的例子是将百分比高度设置在窗外。这仅在 <?php
include_once('admin_header.php');
?>
<div class="container">
<fieldset>
<legend>New Post</legend>
//Here ERRORS SHOULD BE DISPLAYED
<?php echo validation_errors(); ?>
<?php echo form_open('admin/store_article', ['class'=>'form-horizontal']);
if ($error = $this->session->flashdata('login_failed')) : ?>
<div class="alert alert-dismissible alert-danger">
<?= $error ?>
</div>
<?php endif; ?>
<div class="form-group">
<div class="col-lg-10">
<?php echo form_input(['name'=>'title', 'class'=>'form-control', 'placeholder'=>'Post Title', 'value'=>set_value('title')]); ?>
</div>
</div>
<div class="form-group">
<div class="col-lg-10">
<?php echo form_textarea(['name'=>'body', 'class'=>'form-control', 'placeholder'=>'Post Content']); ?>
</div>
</div>
<div class="form-group">
<div class="col-lg-10">
<?php echo form_reset(['name'=>'reset', 'value'=>'Reset', 'class'=>'btn btn-default']),
form_Submit(['type'=>'submit', 'value'=>'Publish', 'class'=>'btn btn-primary']); ?>
</div>
</div>
</fieldset>
</form>
</div>
<?php
include_once('admin_footer.php');
?>
和html高度也设置时才有效，因为它们是所有元素的父级。如果它们都已设置，则它们都具有显式高度，因此任何子元素都可以设置其高度。
当＆＃34;可以使用百分数＆＃34;由您自行决定。大多数情况下，它与动态布局一起使用，尤其是宽度，如@choz在评论中提到的那样。
答案 1 :(得分：0)
对于响应式设计，例如，使用百分比是可行的方法，因为具有（例如）width: 50%;的元素将总是在任何设备上使用容器的一半，无论大小如何，相反，例如{ {1}}这会在一个小型设备中混乱。
但是当然有时候你想用像素来定义一个总是有固定宽度的元素。这实际上取决于用例。但要记住的主要因素是元素将如何在不同的屏幕尺寸中进行调整。