<div class="left"></div><!--左边层，浮动，靠左(float:left)-->
<div class="right"></div><!--右边层，浮动，靠右(float:right)通常宽度由直接固定，如果要动态，可以考虑用Js计算-->
<div class="clear"></div><!--空层，清除浮动-->
</div>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> </title>
<style type="text/css">
#container{padding:1px;border:1px solid #faf;}
#left{float:left;width:100px;height:100px;border: 1px solid green;}
#right{border:1px solid silver;height:100px;margin-left:103px;}
</style>
</head>
<body>
<div id="container" class="box">
<div id="left">left</div>
<div id="right">right</div>
</div>
</body>
</html>
<html xmlns="">
<head>
<style type="text/css">
html, body
.wrap
.fixed
.main
.main-inner
</style>
</head>
<body>
<div class="wrap">
<div class="main">
<div class="main-inner">
test
</div>
</div>
<div class="fixed">a</div>
</div>
</body>
</html>
-------
html和body的高度设置为100%, 这样才能让div#wrap的高度生效.
若要将左侧高度固定,将.fixed的height设置为固定值就行了.
要是有边框的话。建议去除2个像素比
如何用CSS+DIV写两个并列并且左边宽高固定,右边宽高自适应屏幕的层?
<\/div> <\/body> <\/html> --- html和body的高度设置为100%, 这样才能让div#wrap的高度生效.若要将左侧高度固定,将.fixed的height设置为固定值就行了.
div+css 一个div里放两个并列的div。左边的正常,右边的就是上不去。宽...
第一种是,你的浏览器像素不过：比如（left+right=961<浏览器的宽度。容不下所以就到下面去了！）第二种是：你在left的div放的东西（比如是img）宽度比div的现有的宽度大。加起来就就超过浏览器（left+right=961=浏览器的宽度，而此时的div宽度不是原来的宽度。所以img的宽度+right>浏览器的宽度了...
css能不能实现左边div固定宽度,右边div自适应撑满剩下的宽度
} .right { width: 75%; height: 600px; background-color: lightseagreen; } <\/style><\/head><body><!-- 容器 --><div class="container"> <!-- 两列 - 定宽 --> <div class="left"><\/div> <div class="right"><\/div><\/div><\/body><\/html>贴...
DIV+CSS布局入门级问题,两个div并排,怎么弄啊
<div style="float:left;"><h1 style="float:left;display: inline;">标题<\/h1><\/div><div style="float:left;"><\/div> <\/header> H1也需要加上浮动属性，还有用display: inline;去掉占一行的默认属性。
css多个div在同一行;html两个div同一行
在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。 创建div代码： div class="one"第一个div\/div div class="two"第二个div\/div 创建style标签，设置class类one，two样式。需要设置宽、高、浮动、边框以及box-sizing属性。
DIV+CSS布局问题,让两个DIV标签并排
1、使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它...
如何用CSS实现两个DIV并排,且第一个居中?
250px; width:100px; height:300px; background-color:#00F; color:#fff; text-align:center; line-height:300px;}--><\/style><\/head><body><div> <div class="Div1">Div1<\/div> <div class="Div2">Div2<\/div><\/div><\/body><\/html>如果能帮到你，望采纳!
DIV+CSS两列,左列宽度自适应右列固定
2、body是一个HTML元素，页面中所有的内容都应该写在这标签对之内，我就不多说了；3、讲解一些常用的CSS代码的含义：font:12px Tahoma；这里使用了缩写，完整的代码应该是：font-size:12px;font-family:Tahoma；说明字体为12像素大小，字体为Tahoma格式；margin:0px；也使用了缩写，完整的应该是：margi...
使用CSS如何让两个div并排显示
方法一：把div设为“行内块级元素”：<style>div {display:inline-block; border:1px solid #000}<\/style><div>第一个div<\/div><div>第二个div<\/div>方法二：使用浮动：<style>div {float:left; border:1px solid #000}br {clear:both}<\/style><div>第一个div<\/div><div>第二个div<...
div+css如何做页面的一行两列布局
div+css做页面的一行两列布局,首先我们是需要三个div的,第一个div包裹着其他的2个div,然后给那2个div设置float属性和width,height,最好是给个border利于布局的时候方便观察,这里举个例子: <html> <head> <style> #div1{ width:960px; \/\/通过id来控制 height:600px; } .left{ width:400px height:400...
