Question

CSS: 一个父div里有5个子div，5个子div三个百分比宽度，两个固定宽度，都浮动，请问如何才能让最后一个d

CSS: 一个父div里有5个子div，5个子div三个百分比宽度，两个固定宽度，都浮动，请问如何才能让最后一个div一直靠着左侧箭头区域（注：固定宽度）和右侧边框呢，宽度随之变化。

Answer 1

可以全部左浮动,使最后一个宽度是父div减去前面四个子div的宽度,只是不要忘记浮动的清除.

追问

用js吗？

追答

不用

可以这样写

<style type="text/css">
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.parent{width:1000px;height:800px;}//比如父div为1000px的尺寸
.module-a,.module-c{width:15%;float:left;}
.module-b,.module-d{width:10%;float:left;}
.module-e{width:50%;float:left;}
</style>
<div class="parent clearfix">
    <div class="module-a"></a>
     <div class="module-b"></a>
     <div class="module-c"></a>
     <div class="module-d"></a>
     <div class="module-e"></a>
</div>

Answer 2

前面四个左浮动 最后一个右浮动咯