2017-05-06 29 views
0

只是一个普通的HTML和正文。典型的div,比如66.66%和33.33宽度和浮动:左设置。这两个五个将并排排列,但字体输出大小不同。超过100%宽度的五个字体输出大小也不同。如何使字体大小输出在不同的div中相同?

如何使所有的字体大小在不同的Div使用唯一的CSS相同?

我试图EM或CH大众原来凌乱

HTML代码

<Body> 
<div > 
<Div class="col23"> anything looong</div > 
<Div class="col13" > something a bit</div > 
<div > 
</body> 

样式

.col23 { 
width: 66.66%; 
} 
.col13 { 
width: 33.33%; 
} 
+0

代码在哪里? –

+0

他们怎么会有所不同? –

+0

你可以分配相同的CSS类到两个div – scaisEdge

回答

1

指定的样式上所有的课:

既然你有没有代码显示...这里是一个例子:

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

CSS:

.left, .right { 
    float: left; 
    color: #fff; 
    height: 10em; 
    font-size: 1.5em; 
} 
.left { 
    width: 66.66%; 
    background-color: #000; 
} 

.right { 
    width: 33.33%; 
    background-color: red; 
} 

.clearfix { 
    clear: both; 
} 

演示:https://jsfiddle.net/vnsv26j6/1/

1

你可以包括在body标签的CSS内联。这将使整个页面的字体相同。如果你想在特定的div中改变字体,只要为你想改变的div添加一个内联就可以改变它。

<body style="font-size:20px;"> 
1

使用字体大小为使用标记样式的完整文档。 body {font-size:14px}

相关问题