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