css两个div连线,css双线
怎么在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设置为固定值就行了.