话说为毛线我这大半夜的不睡觉在这里装神弄鬼，完全是因为一小段HTML把我深深地坑了，坑了我整整两天，死活没搞明白，差点没勇气继续活下去。于是我很愤慨地在这里谴责它……
事情要追溯到三天前，我重构一个网页，然后出现这样一个需求。这个需求简述如下：要求有一行表单，分成三列，左右各是一个按钮，中间有个链接；这个链接文字的高度和宽度都是固定的，而整行的宽度不固定，要求被两个按钮平分。这很明显是个自适应的案例。我想了想决定这么干，让中间的按钮绝对定位，俩按钮用层包裹平分这个宽度，然后分别在第一个层的右边、第二个层的左边留出空白，用来放置链接，搞定。
抽出来一个测试案例，就是如下的网页：
代码结构很简单，这里设置的框模型都是border-box，意味着包括边框在内的才是...
木魚
11年前 (2013-10-21) 10229℃ 24评论
3喜欢
