我如何在CSS中使用宽度和百分比

Question

.searh-input-wrapper{width:40%;background-color:#ddd;min-height:35px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="searh-input-wrapper"></div>

如何使用宽度？

Answer 1

您使用宽度的元素占用其父级宽度的百分比。如果.searh-input-wrapper在其他div中，宽度为100px;然后.searh-input-wrapper的宽度为40px，如果宽度为40％;