我正在尝试创建一个包含动态文本量的框架。它有圆角,因此创建了 3 个 div:顶部、主体和底部。body 将保存内容,而 top & bottom 仅显示框架的相应图像。所有这些都可以在这里看到:
http://www.m-challenge.com/nimrod/modular_frame.php
问题:顶部和底部的 div 和中间的 div 有一个空间。请看一看,任何输入将不胜感激。祝你今天过得愉快 :-)
我正在尝试创建一个包含动态文本量的框架。它有圆角,因此创建了 3 个 div:顶部、主体和底部。body 将保存内容,而 top & bottom 仅显示框架的相应图像。所有这些都可以在这里看到:
http://www.m-challenge.com/nimrod/modular_frame.php
问题:顶部和底部的 div 和中间的 div 有一个空间。请看一看,任何输入将不胜感激。祝你今天过得愉快 :-)
您的问题是p
标签在顶部/底部有一些边距。给它一个 0 的边距来解决这个问题。如果您在框中放置任何h#
,和类似的标签,同样适用。ul
另外,我可以建议您不要花太多时间以这种方式制作圆角,而只需使用 CSS3 的边框半径吗?我知道,它还没有完全支持,但是除了 IE 之外,大多数浏览器都支持它,而 IE 用户只需优雅地退回到方形框即可。只是一个建议
我认为您应该首先重置边距和填充:http: //meyerweb.com/eric/tools/css/reset/
然后根据您想要达到的效果应用适当的值。