- 主题:这段css看不明白
.row-fluid .span6 {
width: 48.9362%;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.12766%;
box-sizing: border-box;
}
从这段代码上看:
<div class="row-fluid">
<div class="span6"/>
<div class="span6"/>
</div>
一个span6的宽度是48.9362% + 2.12766%,约等于51%??一行只能排下一个span6?
--
FROM 120.35.117.*
一个是span6的width,一个是row-fluid的margin。
【 在 hgoldfish 的大作中提到: 】
: .row-fluid .span6 {
: width: 48.9362%;
: }
: ...................
--
FROM 222.131.153.*
正好排下两。。。不过为啥有48.9362%这么诡异的数值。。。
【 在 hgoldfish (老鱼) 的大作中提到: 】
: .row-fluid .span6 {
: width: 48.9362%;
: }
: ...................
--
FROM 66.162.88.*
这是bootstrap上的吧,48.9362%数值没什么诡异的,除出来的。
--
FROM 125.39.31.*
第二个也是span6的吧?中间没有空格。
【 在 moles (moles) 的大作中提到: 】
: 一个是span6的width,一个是row-fluid的margin。
--
FROM 110.83.89.*
width取的是父元素的百分比,margin取的是元素本身的百分比
所以对于12列的span6,48.9362+2.12766/2 = 50
【 在 hgoldfish (老鱼) 的大作中提到: 】
: 标 题: 这段css看不明白
: 发信站: 水木社区 (Tue May 13 00:15:54 2014), 站内
:
: .row-fluid .span6 {
: width: 48.9362%;
: }
: .row-fluid [class*="span"] {
: display: block;
: float: left;
: width: 100%;
: min-height: 30px;
: margin-left: 2.12766%;
: box-sizing: border-box;
: }
:
: 从这段代码上看:
:
: <div class="row-fluid">
: <div class="span6"/>
: <div class="span6"/>
: </div>
:
: 一个span6的宽度是48.9362% + 2.12766%,约等于51%??一行只能排下一个span6?
:
: --
: 灭绝人性啊
:
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 120.35.117.*]
--
FROM 64.104.161.*
亲在弄BS?
【 在 hgoldfish (老鱼) 的大作中提到: 】
: .row-fluid .span6 {
: width: 48.9362%;
: }
: ...................
--
FROM 183.156.122.*