网站导航免费论文 原创论文 论文搜索 作业答案 网学软件 学术大家 资料中心 会员中心 问题解答 定作论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 设计资源 > DIVCSS技术 > 正文
DIV+CSS布局中p元素引起的问题
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: Admin 发布时间: 10/07/19

今天有个网友问我,他的一个页面布局有点问题,没有按照CSS的定义来渲染,才子看了一下他的CSS文件,没发现哪里有错误,结果一看XHTML,发现一个才子以前犯过的一个错误,在这里才子解释一下,希望帮到一些新手!


这个网友,他的布局其实还算正规,虽然没有用到一些高级技巧来兼容各浏览器之间的差异,但还算中规中矩,只有一个地方有问题,那就是在主内容模块(#main)里,它用到了一个p元素(段落标签)来做子容器,其实这并没有什么问题,但p元素里面他又用到了好几个块元素(block element),用到了h2和h3标题标签,还有div元素,导致这个p元素在CSS中定义的内边距失效,他以为是块元素浮动(float)的问题,结果用clear: both;清除浮动还是没用,p元素定义的padding: 10px;没有生效。


才子告诉他原因了,p元素是个比较特殊的块元素,它与我们常用来布局的div元素不同,p元素它只能装内联元素(inline element),而div元素可以装任何元素,这估计也是为什么推荐采用div+css布局的原因之一吧。
以上的这个问题才子在这里分享出来,希望新手们要注意了,采用div+css布局就尽量全部用div来排版,p标签只是一个段落标签,要用也只用来当作一段文字的容器,请不要使用它来参与布局1。
 

网学推荐

免费论文

原创论文

浏览:
设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 电话:013574892963 QQ:3710167 邮箱:Educs@163.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 Www.myeducs.Cn All Rights Reserved
湘ICP备09003080号