css两个div连线,css双线

http://www.itjxue.com  2023-01-20 20:45  来源:未知  点击次数: 

怎么在css 让上下两个div紧贴一起,不留空格?

这个功能用css完全可以做得到,通过设置两个div的margin就可以,如果离的远,就用margin为负值,总之实现起来是可以的。

用CSS+DIV写两个并列的div,这两个div处在一个div内,并且左边宽固定,右边宽能填充剩余的空白部分?

div

div class="left"/div!--左边层,浮动,靠左(float:left)--

div class="right"/div!--右边层,浮动,靠右(float:right)通常宽度由直接固定,如果要动态,可以考虑用Js计算--

div class="clear"/div!--空层,清除浮动--

/div

如何用CSS+DIV写两个并列并且左边宽高固定,右边宽高自适应屏幕的层?

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

style type="text/css"

html, body { height: 100%; margin: 0; padding: 0; }

.wrap { width: 100%; height: 100%; }

.fixed { float: left; width: 200px; height: 100%;? background: #000; margin-left: -100%; }

.main { float: left; width: 100%; height: 100%; }

.main-inner { margin-left: 200px;? background: #f00; height: 100%;}

/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设置为固定值就行了.

(责任编辑:IT教学网)

更多

推荐管理维护文章