DIV排版 问题

作者&投稿:迟苑 (若有异议请与网页底部的电邮联系)
DIV排版问题~





无标题文档

.aa{
border:1px solid #000;
width:150px;
height:150px;
}
.a{
float:left;

}





AB
CD



不明白可以追问。

没有设置上下么。
一般这个情况只要设置margin
假设外层DIV叫divclass,只需要给出#divclass div{margin-left:5px;margin-right:5px;}

额,这个多数是利用float来设置的,不过不同浏览器会效果不同,还要调兼容性。第二种排版太麻烦了,一旦div多了,要算边距像素,算死人。。。代码也可能不够简洁。。。

第一个div 样式 float:left; margin:10px ;width:100px;height:100px;
第二个div 样式 float:left; margin-top:10px ;width:100px;height:100px;
大div宽度不够的话,第二个会在下一行

最常用的应该是两个并排的div都设置浮动


连云区15837081762: div排版问题 -
脂背华法: <html> <head> </head> <style type="text/css"> #left { float:left; } .leftcolumn{ width:610px; padding:40px 30px 40px 10px; line-height:18px; background-color:#00C; margin-bottom:5px; } .rightcolumn{ width:270px; padding:30px; float:right; ...

连云区15837081762: div布局问题~ -
脂背华法: div和span是css布局中新增的两个元素,前者为外联元素块,后者为内联元素块,主要是用来解决以往p,a等元素无法包含大部分内容而存在的.举例来说,如果我一个导航栏只包含[首页] [注册] [登录]这样的信息,那么我们就没必要使用div或者...

连云区15837081762: div换行 排版问题 -
脂背华法: 假如没有父容器,也是可以实现的.就是用float,但是还需要定义宽度.【HTML代码】 【CSS代码】 div { border:1px solid #ccc; width:46%; float:left } 采用了相对宽度,所以这个无论你的浏览器窗口大小,都是会自动实现你要的效果的. 当然宽度的取值还有一定的弹性,但是要小于50%就可以了

连云区15837081762: 用div排版怎么解决不同浏览器,div会移位问题
脂背华法: DIV在不同的浏览器里错位,主要是浮动和清除浮动的问题. 浮动的问题处理好了,不管宽度高度如何设置,都不会出现错位的问题. 例如下面这段代码中,最外层容器的宽度是300px,第一行的两个容器的宽度是100px,分别左右浮动. 第二行的那个容器宽度是100px.如果不清除浮动,红色的容易就会跑到两个蓝色容器的中间.清楚浮动后,就会显示在下一行.

连云区15837081762: div网页编排问题,请帮忙解决 -
脂背华法: #main033 {width:980px; border:1px solid #e0e0e0;margin:0px auto;}这样可以居中width:980px 而不是 width:980希望可以帮到你.

连云区15837081762: 网页编辑器编辑文字后,文字里有DIV致使网页排版错乱
脂背华法: 有数据库,证明有程序,最好的解决办法就是在程序输出时处理.比如你是要输出10条标题,每条标题在页面上最多只能显示20个字,那么你就要在程序里截取字符串40.如果你想在页面处理,唯一的办法就是在外面那层div或者li里面写CSS:overflow:hidden.不过建议用第一种,一般网站都是在程序里就控制输出的字符串位数.

连云区15837081762: 求助解决网站div在不同浏览器出现排版混乱的问题
脂背华法: IE 既然升级了就不会是兼容的 ie6 和 7 之间的 所谓 兼容 是找到了 6和7中间的模糊界限 从而达到平衡ie8 与ie7升级差距太大 所以只能另外做一个 CSS 然后在 DIV 之前 加上判断浏览器抽取CSS 的 命令 你试试吧 上学的时候 我们班就研究这个来着 但是谁都没研究明白

连云区15837081762: 简单的DIV+CSS排版问题 -
脂背华法: <div style="margin: 0 auto; clear: both;"> <div style="float: left; display: inline-block; width: 300px;"> div1</div> <div style="float: left; display: inline-block; width: 300px;"> div2</div> <div style="float: left; display: inline-block; margin: 0 auto;"> 自由改变 div3</div> </div>

连云区15837081762: DIV+CSS排版问题
脂背华法: 第一、注意背景图片的位置,CSS+div是尽量把修饰图片放背景里面的. 第二、注意div之间的关系.尤其是镶套的样式,要搞清楚每个样式要表现的外观. 第三、要相当的熟悉margin、padding、float表现的样式.div排版基本就主要是靠这三东西定位. 第四、为了减少标记编写,尽量重复使用标签. 第五、多多练习,可以找别人做好的网站,然后自己用DIV+CSS排出来,然后看别人的和自己的有什么区别.学习其间的优点.

连云区15837081762: div+css在排版方面需要注意些什么问题呢? -
脂背华法: 这个问题不太好回答,这取决于你的CSS水平.首先,确定网页的基本结构,没有必要先急着写CSS.而是因为确定网站大的结构. 网页结构非常重要,一个结构良好的页面其实可以避免使用我们常说的hack,很多兼容性问题都是因为结构不...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网