我正在设计一个Div,它将具有不同宽度(基于网站的内容)。
我在这里阅读了一个相对定位技术:
http://www.tightcss.com/centering/center_variable_width.htm
但是我觉得要做一个更简单的方法呢?
解决方法
这是一个非常稳固的方法,应该在大多数浏览器中运行良好。当你打破它时,这并不是那么复杂。这是一个基本的例子:
<style type="text/css"> #hideoverflow { overflow: hidden; } #outer { position: relative; left: 50%; float: left; } #inner { position: relative; left: -50%; float: left; } </style> <div id="hideoverflow"> <div id="outer"> <div id="inner"> Lorem ipsum dolor sit amet,consectetur adipiscing elit. Sed id velit vel augue fringilla rhoncus at et odio. Suspendisse potenti. Aliquam justo libero,commodo ut iaculis in,placerat vel purus. </div> </div> </div>