Как вместить в блок с фиксированной шириной другой блок с width:100% padding>0, не используя box-sizing:border-box так, чтобы внутренний блок не выходил за границы внешнего?
И вообще, в чём преимущества (не отличия - о них я в курсе, а именно преимущества) подхода к ширине от W3C (content-box) от подхода border-box? Ведь border-box и логичнее, и проще в реализации.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
#a {width:150px;border:1px solid black;}
#b {width:100%;padding:20px;border:1px solid black;}
</style>
</head>
<body>
<div id="a">
<div id="b">
KJDfkj skjh kjbfk bkvhbfk
khbfjbsdkhf bsdkfnsdlkjf hskdlj
fklsudfh slkdhfh skafblk jdfhgkjsdfh gks
</div>
</div>
</body>
</html>