84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
我觉得只能这么简单粗暴了,是哪里出现了问题?HTML代码
<p class="foot"> </p> </body> </html>
css代码
html { background-color: red; } .foot{ height: 100px; width: 100%; background-color: blue; }
你们看效果是两边都有空白,应该怎么做呢?
小伙看你根骨奇佳,潜力无限,来学PHP伐。
应该是body存在margin,重置下应该就好了
body { margin: 0; }
既然有三个赞了,那就优化下答案。
楼主出现的这个问题是浏览器默认的样式所引起的,而reset.css就是为了一致化浏览器排版效果。
如果需要reset.css,可以看看下面的链接,这是很久之前start的资源。
normalize.csstypo.css
你需要清除默认样式,网上有很多reset.css可供参考
明显是默认样式 *{margin:0;padding:0}
*{margin:0;padding:0}
样式中先去掉浏览器默认margin和padding
<style> *{ margin:0; padding:0; } </style>
body默认有margin,所以你需要在开始写css的时候先清除一下默认样式,建议使用normalize.css
body
*{ padding:0 margin:0}
直接*{padding:0 margin:0}格式化可以解决问题 但是性能不是最佳 小项目可以 大项目建议想京东淘宝那样
*{padding:0 margin:0}
a, address, b, big, blockquote, body, center, cite, code, dd, del, p, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var { margin: 0; padding: 0; }
很多标签存在默认样式,把默认的样式设置<style>
*{ margin:0; padding:0; }
</style>
楼主你这不够暴力,更暴力的要不要试试:.foot{position:absolute;//fixed也可以的,就是让这个盒子直接脱离文档流,默认样式什么的都弱爆了width:100%;height:auto;/*
top:0; left:0; or bottom:0; left:0;
*/}
ps:当然,这样玩只是一个治标不治本的方式,按照正常的情况来看(考虑整个项目排版),楼上的n多去除浏览器默认样式的答案都是正确可行的。
{padding:0; margin:0; }
应该是body存在margin,重置下应该就好了
既然有三个赞了,那就优化下答案。
楼主出现的这个问题是浏览器默认的样式所引起的,而reset.css就是为了一致化浏览器排版效果。
如果需要reset.css,可以看看下面的链接,这是很久之前start的资源。
normalize.css
typo.css
你需要清除默认样式,网上有很多reset.css可供参考
明显是默认样式
*{margin:0;padding:0}
样式中先去掉浏览器默认margin
和padding
body
默认有margin,所以你需要在开始写css的时候先清除一下默认样式,建议使用normalize.css*{ padding:0 margin:0}
直接
*{padding:0 margin:0}
格式化可以解决问题 但是性能不是最佳 小项目可以 大项目建议想京东淘宝那样很多标签存在默认样式,把默认的样式设置
<style>
</style>
楼主你这不够暴力,更暴力的要不要试试:
.foot{
position:absolute;//fixed也可以的,就是让这个盒子直接脱离文档流,默认样式什么的都弱爆了
width:100%;
height:auto;
/*
*/
}
ps:当然,这样玩只是一个治标不治本的方式,按照正常的情况来看(考虑整个项目排版),楼上的n多去除浏览器默认样式的答案都是正确可行的。
{padding:0; margin:0; }