javascript - A circle element next to a fluid rounded element -
    is following layout possible css? if not, there better solution current js solution? see fiddle complete example.   +--------------------+ |                    | |                    | |                    | |                    | |                    | |                    | |                    | |                    | |                    | |--------------------+  |+----+  +----------+|    container height in percentage, e.g. 20% of window || 1  |  | 2        ||    button 1: circle based on container height |+----+  +----------+|    button 2: fill available space , round corners  +--------------------+   the basic issue first element needs circle, i.e. rounded square, based on height of container. , second element should fill rest of space same border-radius.   following how solved js, not seem reliable on mobile devices. , project mobile-only. also, if layout dependent on js, cause other trouble when doing fancy transitions etc. css.   fiddle: http://jsfiddle.net/n52x1ws1/3/   ...