In the coding below, the perfect layout will be, shortCutDiv just takes 200px width, all leftover width will be assigned to bodyMain. But now I have to manually set width to bodyMain.
How to work out, especially in different screen resolution ?
No, no bug; this is a very standard layout method, and is very reliable. bodyMain is essentially full width, so you don’t put any width on it. But putting a left margin that is the width of the floated div gives that floated div room to sit beside bodyMain.