关于div的布局问题

m3666***

已知HTML结构如下，在不考虑低版本浏览器兼容性的情况下，你可以用哪些方法来实现这个三列布局：左右两列定宽100像素，中间宽度自适应，三列之间没有间距。

      左列

      中间列

      右列

h***

/*cssreset*/ html,body,div{margin:0;padding:0;} html,body{width:100%;height:100%;overflow:hidden;} .parent{position:relative;height:100%;} /*主要代码*/ .left{position:absolute;left:0;top:0;width:100px;height:100%;background:#f00;} .center{width:auto;height:100%;margin:0100px;background:#0f0;} .right{position:absolute;right:0;top:0;width:100px;height:100%;background:#00f;}
很高兴解答你的问题，我一般解决的方法是：
1、外层DIV(div.parent)设置相对定位
2、左右两个DIV设置绝对定位
3、中间DIV设置宽度为自动，左右外边距设置成左右DIV的宽度

！！如果有更方便的方法麻烦告诉我一下~~~ thx

已有账号？

找人解决需求

关于div的布局问题

全部参与1

热门问答

m3666***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端