网站建设：网站前端制作之css清除浮动和calc() 函数

在网站的开发中，经常遇到的前端页面的css样式问题的一些记录。

当子元素设置浮动的时候，父元素不设置高度的话，就会撑不开，那么父元素则需要清除浮动的；

河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作

第一种方法是父元素设置overflow: hidden; 内容增加得多的时候，容易令内容被影藏，不能显示溢出元素，例如子元素有设置box-shadow ，有一侧的阴影则会被影藏掉了。

河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作

第二种方法，用clear:both;需要在最后一个浮动的子元素后面添加一个新的标签，设置它为clear:both; 即需要添加没有意义的标签。

第三种方法如下图， 利用设置伪元素after来实现浮动的清除。设置*zoom: 1;是在ie6清除的；这种方法是相对其他更好的。

河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作

2. –calc，有时候网站内容有需要做几个宽高相同的自适应内容盒子，例如三个，每个均等分，宽度33.33%的时候，还有0.01%间隙，这时可以用–calc，例如下图：就能把100%均等分成三份。

在使用–calc需要注意在运算符的前面和后面都需要添加一个空格，如上图。除了上图的“/”、“-”， 还能用“+”的和“*”的，而且可以用图上的百分比和像素作为单位，此外还能用em和rem。

河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作

亿宏世纪网络为客户提供网站建设一条龙服务，但如果贵公司有设计师，已经做好了设计图，我们也可以承接前端制作和后端开发的工作。

河南亿宏世纪网络科技有限公司，专注于互联网+品牌整合营销，公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队，专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队，针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平，旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念，我们不仅提供优质的网络技术和云端供应链服务，而且还在产品的选择、应用等方面提供专业的咨询与售后服务。