@viperasi 感谢支持 :)

@hourui 截图里面 #left 继承了 inline-block，而且 markup 里有 whitespace 所以有 2px 的额外 margin

在 markup 里 <span></span><span></span><span></span> 然后 display: inline-block 不会有间距问题

但是如果
<span></span>
<span></span>
<span></span>
就有间距了

打错了，HTML #right 要在 #left 前面

这个不需要 flexbox ，更不用 js

#right float:right;width:auto
#left 不设定浮动，margin-right: auto

注意，markup 里 #left 一定要在 #left 的前面

如果用第三方的 CSS ，把他们的 CSS 改后缀导入，方便管理，日后升级也方便

@P233 又犯晕了....

Mac 上有个软件 LineIn，可以让电脑播放手机的声音，反着来就不清楚了，说不定手机上有类似软件

改个后缀就能 import 了，可不是多此一举

我觉得现在遇到一个靠谱的中医太难了

https://leanpub.com/ ?

预定 :)

hash, twitter 上读 hashtag

图标还是 icon font 方便。SVG 用来制作大面积的动画效果，或者复杂的交互特效都不错，现在技术也比较成熟了

@jason52 用 :not() , 比如有 10 个 anchors，只显示最后以一个，隐藏其他九个

a:not(:last-of-type) { display: none }

刚刚的情况是 body * {} 会 display:none 所有元素包括目标元素的父元素，一旦父元素被隐藏，子元素再怎么 important 也不会有效果。

尝试了 @NemoAlex 的办法，有效 :)

@NemoAlex
@jason52 疏忽了，想着绕开 body，还是把父元素隐藏了

@paloalto 翻了好久终于找到了以前看过的一篇文章 http://www.creativebloq.com/design/older-browsers-dont-need-hacks-7126219

写成 LESS 或者 Sass 库，引用的时候用参数定制怎么样?

body * { display: none }
.search-panel-fields { display: block }

话说自己写个 form 就好了

<form method="GET" action="http://s.taobao.com/search">
<input name="q" type="text">
<button>sumit</button>
</form>

Firefox