CSS+DIV 网页布局和定位,恳请高手指点!

发布网友发布时间：2022-04-06 12:40

共5个回答

热心网友时间：2022-04-06 14:09

给每个图片设置上宽高
看看是不是超出了div宽高

热心网友时间：2022-04-06 15:27

css样式表
<style>
.main{
width:600px;
height:800px;}
.head{
width:600px;
height:50px;
background:#666666}
.cleft{ //因为内部的照片一样所以就用一个就好了
float:left;
width:196px;
height:300px;
background:#003399;
border:#000000 solid 2px;}
.bleft{
float:left;
width:300px;
height:100px;
background:#993300;}
.bright{
float:left;
width:300px;
height:100px;
background:#996600;}
.bottom{
width:600px;
height:200px;
background:#FF3366;
float:left;}
</style>
</head>

body内的div样式
<div class="main">
<div class="head"></div>
<div class="cleft"></div>
<div class="cleft"></div>
<div class="cleft"></div>
<div class="bleft"></div>
<div class="bright"></div>
<div class="bottom"></div>
</div>
楼主看看你的哪里有问题呢？

热心网友时间：2022-04-06 17:02

直接把代码和样式全发上来，改完我们再发一遍改过的，只需要发大框架就行

热心网友时间：2022-04-06 18:53

1.图片要加上 width height
2.记得clear:both
3.你的是IE6不是如果是记得写 CSShack追问CSShack 是什么呀？没有用过这个，麻烦你讲的详细点

追答就是类似 * important的一些针对IE的做法

热心网友时间：2022-04-06 21:01

加上 overflow:hidden 试试

简述CSS+DIV布局的常用方法。

1.元素按照自身HTML元素定义的位置显示（怎么写的怎么显示）2.元素按照自身的常规显示特性显示，比如块级元素垂直排列，行级元素水平排列。二、浮动具体代码：左浮动 float:left；右浮动 float:right；三、定位布局 1.静态定位 position:static；默认值，不写position相当于写上position:static;以前没学...

div+css定位position详解

1.div+css中的定位position 最主要的两个属性：属性 absolute(绝对定位) relative(相对定位)，有他们才造就了div+css布局的多样性，让我们的网页丰富多彩起来。首先解释relative(相对定位)，顾名思义，定位是相对的，那他是相对于什么呢？参照物是什么？看如下代码：2.预览效果，现在是三个并列的div...

如何用DIV+CSS进行网页样式布局

在html网页编辑中，对于新手来讲，接触最多的就是div+css；那么如何使用div+css就行网页简单布局呢一个网页设计时，我们可以将一个页面设置为头部，中间，和底部三部分；头部有分为店招（logo）和导航等中间既内容部分，内容也可一个整体，也可左右分离，底部来页面结尾，一般写版权信息，友情链接...

怎么用css+div布局一个网页!具体的思路是怎么样的?先后顺序是怎么的...

div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率。步骤阅读方法/步骤 >01 div 所谓<div>标签我们可以理解为一个盒子。例如：<div class="top" style='border:1px solid #000;background-color:#EEE'>这里是Top</div >02 border:1px solid #000;（这是把边框显...

CSS设置DIV的定位绝对定位和相对定位

是不是得出了绝对定位的定位点是浏览器左上角坐标点为(0,0)这个像素点为起点的。div块加文字P:这里为了说明下个定位相关的知识，我先做如下的模型，具体的代码如下： html head titleCSSdiv定位/title style type="text/css" .div1{ height:100px; width:100px; border-style:solid;...

DIV+CSS网页布局时需要知道的几个技巧_html/css_WEB-ITnose

以下是进行CSS设计时的几个小技巧 1.DIV CSS网页布局若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后...

总结几种常见的div+css布局实例

DIV + CSS布局相关内容1. DIV+CSS布局样式详解a 符合 W3C标准，微软等公司均为 W3C支持者。b 能够对网页的布局、字体、颜色、背景等图文效果实现更加精确的控制,调整更加方便,现在很多网站均使用p+CSS框架模式,更加印证p+CSS是大势所趋c 将格式和结构分离，有利于格式的重用及网页的修改维护，在团队...

cssdiv布局技巧?

有时候，一个好的布局可以减少很多代码，用css处理网页布局的时候有很多技巧性的东西，下面就给大家介绍一些css布局技巧实例及css布局模型。css的基础布局方法 1.块区域介绍 <body> <div> <p>这是一个段落.</p> </div> </body> p元素的包含块是div元素，因为作为块级元素，表单元格或行内元素...

DIV CSS 如何定位布局~~帮忙写一段代码

用div标签布局网页时一定要与什么一起使用?

<div> 元素设置背景颜色、图片或渐变效果。border 属性：通过设置 border 属性，可以为 <div> 元素设置边框样式、宽度和颜色。CSS布局技巧：如使用 float 属性实现多列布局、使用 flexbox 实现弹性布局、使用 grid 实现网格布局等。通过结合 <div> 标签和CSS样式，可以实现各种复杂的网页布局和设计。

网页页面布局网页的布局一般用什么来实现网页布局的方法什么是网页的布局类型网页布局图网页布局分析常见网页布局网页框架布局网页布局不包括