CSS
CSS 盒子模型
使用Crossbrowser解决方案指定元素的总宽度为250像素的问题
源代码:
点击运行 »
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> div.ex { width: 220px; padding: 10px; border: 5px solid gray; margin: 0px; } </style> </head> <body> <img src="/examples/paris.jpg" width="250" /><br /><br /> <div class="ex">上面图片的宽度为 250px 。<br /> 现在本元素的整体宽度也为 250px。</div> <p><b>注意:</b> 在这个例子我们加上了 DOCTYPE 声明(在 html元素前面), 所以它将在任何浏览器中都将正常显示。</p> </body> </html>
运行结果:
点击运行 »