我正在尝试为现有网站制作流畅的布局。通过将宽度更改为百分比，我创建了导航问题，当调整屏幕大小时，导航的子元素也会调整。我希望它们相对于父元素保持不变，以便在调整屏幕时，导航器会调整，而孩子只需缩放以适合而不改变位置。
js fiddle here：http://jsfiddle.net/Xa99f/
请注意，当您调整屏幕宽度时，子元素会缩小/展开，甚至在宽度变得非常小时会相互折叠。
换句话说，我如何创建一个流畅的布局，在这里我使主要元素成为问题流体（在这种情况下为nav），同时保持所有后代相对于那些缩放而不会丢失所需的位置？