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/ ...