1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用css对div进行初始化，设置其内外边距都为0，并让div浮动向左。
3、在test.html文件内，创建一个div，并设置其class属性为xx，用于下面定义其css样式。
4、在test.html文件内，使用css设置类名为xx的div样式，设置其宽度、高度都为300px，背景颜色为红色。
5、在test.html文件内，在上面div的内部，再创建一个div，并设置其类名为ss。
6、在test.html文件内，使用css设置类名为ss的div样式，设置其高宽为100px，背景颜色为白色，上边距为100px，左边距为100px。
div+css图片你说的是什么大小不受控制？img占不占位这些都不知道。你得把代码贴出来，没代码没法给你找问题。如果你的css写的没问题，那就说明你的页面中的图片大小被js异步修改了。
css里面加一行：.wode p{font-size:14px}
或者：
.ptxt{font-size:14px}
<div class="wode">我的<p class="ptxt">世界</p></div>
