css问题，三个按钮在一排，一个靠左一个靠右，中间的按钮宽度如何铺满呢？

html-css052

css问题，三个按钮在一排，一个靠左一个靠右，中间的按钮宽度如何铺满呢？,第1张

两种解决方案：

按照百分比来做(此方案不做详细描述)

固定两侧中间为100% 然后用margin减去左右两侧的

<div style="width:100% margin:0 auto"> 

       <div style="width:50px float:left">

<input type="button" value="left" style="width:100%"/>

   </div>

   <div style="width:50px float:right">

<input type="button" value="right" style="width:100%"/>

   </div>

       <div style="margin:0 50px 0 50px">

<input type="button" value="center" style="width:100%"/>

   </div>

    </div>

1、新建html文件。

2、创建两个div，并赋予id。

3、为两个div设置宽高和背景，并设置左右浮动。

4、预览效果如图。

5、创建第三个div。

6、为第三个div设置宽高和背景。

7、预览效果如图。

注意事项：

随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。