这个用div+css怎么做呀？不让用表格。_百度知道
用区块布局DIV来做，最后加上浮动就可以了！不了解可以HI我，不知道你有没有这方面的知识.CSS代码：*{margin:0;padding:0;}body{width:1024margin:0}剩下的可以用&div&&/div&把它构建起来（给DIV加上width和height就可以了），然后浮动或者定位移动区块就可以了！背景颜色用：background:颜色;希望帮助到你，还有疑问可以HI我！
其他类似问题
按默认排序
其他5条回答
&div class=&layout&最外部的DIV&
&div class=&header&&
&div class=&logo&&logo&/div&
&div class=&pic&&图片&/div&
&div class=&main&&&div class=&red&&红色&/div&
&div class=&pic&&背景图&/div&
&div class=&left&黑白区域&
&div&黑&/div&
&div&白&/div&
&div class=&right&蓝红黄&
&div&蓝&/div&
&div&红&/div&
&div&黄&/div&
&/div&&/div&&/div&
* { margin:0; padding:0;}.body { font-family:&宋体&; font-size:12 }ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { list-style: }img { border:0; }a { colo:#333; }.clear { clear: height:0; line-height:0; font-size:0;}.logo { width:300 float: height:50 margin-right:150 }.red { background:#c00; width:600 height:200 float: margin-top:10 }.background_img { margin-left:10 float: background:#3F9; margin-top:10 width:414 height:200}.fl { float: }.blackAndWhite { width:300 overflow: margin-top:10 }.black { background:#000; width:300 height:200 }.white { background:# width:300 height:200 margin-top:10 }.rby { width:714 margin-left:10 overflow: margin-top:10 }.blue { background: width:714 height:200 }.pink { float: background: width:352 height:200 margin-top:10 }.yellow { background: width:352 height:200 margin-left:10 margin-top:10 float:}&div style=&width:1024 margin:0&&
&div class=&logo&&logo&/div&
&div class=&fl&&图片&/div&
&div class=&clear&&&/div&
&div class=&red&&&/div&
&div class=&background_img&&背景图&/div&
&div class=&clear&&&/div&
&div class=&fl blackAndWhite&&
&div class=&black&&&/div&
&div class=&white&&&/div&
&div class=&fl rby&&
&div class=&blue&&&/div&
&div class=&pink&&&/div&
&div class=&yellow&&&/div&
&div class=&clear&&&/div&
&/div&&/div&如楼主图所视，整体的布局用div是这样布局的！
请楼上几位别误导新手好不，*{margin:0;padding:0;}
通配符这种方式极大的消耗了性能，看到写这种代码的人，公司不招的
这种方块型的很好布局的啊，没什么细致的东西
那就用div+css啊
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁重拾web开发-DIV+CSS基础（总结）(2)_Java123社区微信号：java123msg |||[][]当前位置: &
& 重拾web开发-DIV+CSS基础（总结）(2)描述 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值&描述&left&元素向左浮动。&right&元素向右浮动。&none&默认值。元素不浮动，并会显示在其在文本中出现的位置。&inherit&规定应该从父元素继承 float 属性的值。&&&&&注意：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。清除浮动看图说话：将在浮动元素下面的块级元素(Footer)理解一个从瓶底向上浮的木块并直到找到一个离瓶口最近且容的下自己的位置。清除浮动就是还原块级元素的本质：占据每一行，下一个块级元素换行占据。清除浮动也有也有4个可能值。最常用的是 both，清楚左右两边的浮动。left 和 right 只能清楚一个方向的浮动。none 是默认值，只在需要移除已指定的清除值时用到。inherit 应该时第五个值同样IE不支持。看图说话：清除浮动技术空div方法：或者一些其他元素，但是 div 是最常用的，因为它没有浏览器默认样式；没有特殊功能，而且一般不会被 css 样式化。overflow 方法在父元素上设置 overflow 这个 css 属性。如果父元素的这个属性设置为 auto 或者 hidden，父元素就会扩展以包含浮动。这个方法有着较好的语义性，因为他不需要额外元素。但是，如果需要增加一个新的 div 来使用这个方法，其实就和空 div 方法一样没有语义了。而且要记住，overflow 属性不是为了清除浮动而定义的。要小心不要覆盖住内容或者触发了不需要的滚动条。简单清除方法使用了一个聪明的 css 伪选择符(:after)来清除浮动。比起在父元素上设置 overflow，只需要给它增加一个额外的类似于&clearfix&的类。这个类使用如下 css:.clearfix:after {
content: ".";
visibility:
height: 0;
}关于这一点参看这里。浮动带来的问题浮动带来的问题大多是因为莪IE6塌陷：使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到推倒：是浮动元素内的元素（大多是图片）比浮动元素本身宽造成的现象。大多数的浏览器会在浮动之外渲染图片，但是不会有伸出来的部分影响其他布局。IE 会扩展浮动来包含图片一个普遍的例子是突破伸出主内容之外把侧栏推到下面。　　　　解决这个问题的方法：首先确保不是图片造成这种情况，其次可以使用 overflow:hidden 来切除多余的部分。3像素间距：3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。　　　　解决这个问题的方法比较俗的是通过设置magin为-3px来解决。双倍边距bug：同样是IE6当浮动后设置左侧外边距时后，最左侧将显示为双倍边距。　解决方法：给浮动设置 display: 而且不用担心，它依然是块级元素。底边距 bug：是当浮动父元素有浮动子元素时，这些子元素的底边距会被父元素忽略掉。快速修正：用父元素的底内补白(padding)代替。绝对定位和相对定位文档流将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行的一端。 若当前行容不下， 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。有三种情况将使得元素脱离文档流而存在，分别是浮动，绝对定位， 固定定位。 但是在IE中浮动元素也存在于文档流中。浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。浮动概念让人迷惑根源在于浏览器对理论的解读造成的。只能说很多人以IE做标准，其实它不是。共3页顶一下(0)0%踩一下(0)0%------分隔线------上一篇： 下一篇： 栏目列表推荐内容1 import java.io.BufferedInputS 2 import java.io.F 3 import java.io.IOE...
做完整数划分那题后，现在感觉这道题很简单，状态转移方程为...
http://jianchaowuhui./blog/static// Private S...请问DIV+CSS怎样定位？_百度知道
请问DIV+CSS怎样定位？
提问者采纳
你可以看这个Div+CSS布局入门教程
其他类似问题
左浮动：float:右浮动：float:居中：margin:0
div的相关知识
其他2条回答
浮动定位:float:左浮动float:右浮动float:取消浮动clear:清除浮动相对定位:position:绝对定位:position:
你的问题好模糊啊定位分为浮动、相对、绝对定位！这个跟您讲，你也很模糊的浮动就是 float:left(right) 但是得用后得清除浮动需要用clear:both用法：80%的页面布局都需要用到相对就是 position:relative绝对就是 position:absolute什么是定位？就是定位到页面的指定位置，还需要用到margin属性，margin-left,margin-right,margin-top,margin-bottom你从简单的页面开始学起吧！以后问题要具体点！ 这种问题就算回答了，你也不懂的！因为就不能理解这些属性是干嘛的，对吧！
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁当前位置： >
怎么解决ie下float:right左右标题换行问题
时间： 来源： 作者：float教程 阅读：次
　 平时我们在给客户建网站的时候，会出现这样一种情况，尤其是在栏目页，客户要求一行中，左边显示文字或产品的标题，然后右边显示&更多&的链接，但当我们是用float:right的时候，在ie6或7浏览器下，则出现换行的问题。那下面就给出两种解决的方法，可根据情况来选择，请选择适合自己的解决方法。
　&第一种方法就是用绝对定位来代替浮动，例如让div元素获得属性。第二个span元素获得属性，那就可以对该元素的具体位置可以设置它的top、left等属性。示例代码如下：
& & &style&
& & margin:0;
& & padding:0;
& & width:400
& & height:40
& & .right{
& & float:
& & &/style&
& & &span&文章或产品标题&/span&
& & &span class=&right&&查看更多&/span&
& & &/div&
　&第二种方法就是这一行中的元素都起来，例如这种情况我们可以让第一个span元素加上一个向左浮动float:left属性，这样也可以解决问题。