首先,我声明一点,我不是设计网页的专家,也不是CSS专家。不过在前天遇到一个问题,找到了似乎最简单的解决方案。先分享如下。
问题:博客正文页左边是博文内容,右边有一个固定宽度的作者简介;原设计是固定了博文内容的宽度(只700多像素),现在需要让博文内容部分宽度是页面总宽度的99%减去作者简介宽度。怎么办?
解答:
CSS3里有一个calc() 函数,我们如此设置即可
width: calc(99% - 200px)
目前IE9, FireFox, Chrome的CSS实现都支持这个calc 函数。
接下来问题是,如果页面被缩小到小于200px,算出结果是负值怎么办?